Actionscript 3 :: Using PNG/GIF Images As Buttons?
Mar 25, 2011
I am trying to use images as buttons (PNG/GIF images as buttons(simple, toggled and multi-state) - Image change on mouse over, normal and pressed) using AS3 only. I tried to search. All I got is to setting icon of a Button.
I'm putting together a website in Flash CS4, and my Actionscript knowledge is pretty minimal. The site has a portfolio section with a scrollbar, which I modified from a downloadable example I found here: http:[url]...The prewritten code uses xml to import the thumbnails into the scrollbar- all of this is fine and working beautifully so far. What I'd like to do is to have each thumbnail act as a button, so that when clicked, you jump to another page/frame on the timeline. I see that it's very straightforward to either open a 'full' image or to go have the thumbnail take you to an html page, but is there a command that can go into the xml text that will simply take you to another spot on the timeline?
is it possible to create a non-square "button" in flash cs4 programmatically using as3?
Using a xml document, i'm trying to be able to retrieve a png file with transparency, and have said transparent area's be not clickable.
Long story short, I'm creating a map with a bunch of clickable areas. These areas are non-rectangular and I need them to not obscure other area's which would be in their rectangle. I need this to be done programmatically since the area's are going to be dynamic as is the data attached to them.
fyi: I have a fairly good grasp of OOP, so don't be afraid to post up complex instructions.
Has anyone got an example of scrolling images as buttons. I been trying to use scrolling images as buttons to access pages on the main timeline but haven't got it to work one bit, plus a lot of the tuts I find aren't for AS3.
I want to create the same effect that is on this website: [URL]. There are four links below the rotating images. when you mouse over each button the image changes. It changes over top of the previous one. When I create this effect, it seems to jump back to the background and then it fades to the image. I want the image to fade over top of whatever image is already there.
I tried using loadMovie and have each image load on top of the other level but the only problem is that once a movie is loaded on top of another you can't call that previous image up again. It's like once you load level 10 over level 5 then level 5 can't be seen again until you refresh the page. Is there a way to just tell it to loadMovie over the current level without actually calling that level?
I'm making a portfolio using XML and AS3. Loading the XML is all fine, I put images in a loader using a for loop. However, I would like these images to be buttons and set a TextField.alpha at 1 when hovering the image. The problem I'm having here, is whenever I hover an image, all the set textfields will show up. How do I change this? I've been trying to put it into an Array with no result.
I want to do something like: Main.mxml <s:HGroup id="animals"> <s:Button name="dog">Dog Name</s:Button> <s:Button name="bird">Bird Name</s:Button> <s:Button name="cat">Cat Name</s:Button> </s:HGroup> [Code] ..... Do I have to extend the Button component or how should I proceed?
I'm putting together a website in Flash CS4, and my Actionscript knowledge is pretty minimal. The site has a thumbnail section with a scrollbar, which I modified from a downloadable element I found from flashmo dot com (admin won't let me include link). The prewritten code uses xml to import the thumbnails into the scrollbar- all of this is fine and working beautifully so far. What I'd like to do is to have each thumbnail act as a button, so that when clicked, you jump to another page/frame on the timeline. It's very straightforward to either open a 'full' image or to go have the thumbnail take you to an html page (as that's how the code was written, but is there a command that can go into the xml text that will simply take you to another spot on the timeline? The website is going to be entirely in Flash, so URL links don't help me. Is there a simple command I can add into the xml and Actionscript?
This is what the xml looks like, in case that's helpful:
<thumbnail> <filename>black.png</filename> <title>Item No. 1 (192 color art)</title>
How can i have 15 buttons load different images into one border.When the swf loads picture 1 is loaded. When you click some of the other buttons picture 1 stays into the border. A preloader bar and percent shown up under picture 1. After the preloader and percent bar reaches 100% picture 1 "alpha-fades" out and the picutre correspnding the button you clicked "alpha-fades" in ?
This transissions will happen beetween all the pictures you load.The pictures must be loaded dynamic .
loaded images dynamiclly in my flash movie and now i want to make them behave like buttons. I mean, I want [onRelease] function to work. I am sure i am doing something wrong because i cannot make it work.
I have a list of 5 jpegs that I'd like to dynamically apply to movieclips acting as buttons.I want the 'buttons' to have small photos and when released, load a large photo into another movieclip. Is this possible?
I am using the tutorial about dynamically loading images, that then fade when a button is pressed and change to the next image, however I want to load the images and have them fade in and out without pressing anything i.e. an mc that rotates the images, fading them in and out.
How can i have 15 buttons load different images into one border.When the swf loads picture 1 is loaded. When you click some of the other buttons picture 1 stays into the border. A preloader bar and percent shown up under picture 1. After the preloader and percent bar reaches 100% picture 1 "alpha-fades" out and the picutre correspnding the button you clicked "alpha-fades" in ? This transissions will happen beetween all the pictures you load !
I have 3 images that are displayed sequentially. Image 1: layer 1 (frame 1 to frame 24), Image 2: layer 2 (frame 25 to 49), Image 3: layer 3 (frame 50 to 74). The opacity of each image changes in its frames and and each image has a classic tween associated with it. Pretty basic stuff.
On frame 1 of the first image I created a symbol that is a button, lets call it image1_btn. On frame 50 of the third image I created a second button, lets call it image3_btn.I created an Actions layer as the first layer and wrote the following code:
image1_btn.addEventListener(MouseEvent.CLICK,onimage1Click);var image1link:URLRequest = new URLRequest("http://purplerosehome.com/shopping/spartina_449/page_1.aspx")function onimage1Click(event:MouseEvent):void{ navigateToURL(image1link);} image2_btn.addEventListener(MouseEvent.CLICK,onimage2Click);var image2link:URLRequest = new URLRequest("http://purplerosehome.com/shopping/le_cadeaux/page_1.aspx")function onimage2Click(event:MouseEvent):void{ navigateToURL(image2link);}
I got the design of movieclips and others placed on the stage.And I got 1 frame for the code below.Some movieclips will be visible and not visible sometime while loading external swf files.I thinks its on the movieclips to be dynamically put on the stage.TypeError: Error #1009: Cannot access a property or method of a null object reference.
at main4_fla::MainTimeline/advantanMCs()[main4_fla.MainTimeline::frame2: 141] at Function/main4_fla:MainTimeline/launchSWF/main4_fla:onLoadCompleteHan dler()[main4_fla.MainTimeline::frame2:46]
I am looking to make a flash 'gallery' in which you would use buttons to scroll through the images, much like this: [URL] Only using buttons to scroll, instead of the mouse position.
how to turn individual thumbnails I've loaded through XML into pressable buttons that each have different functions. here is the code I'm using to display the XML ...
Code: function callThumbs() { _root.createEmptyMovieClip("container_mc",_root.getNextHighestDepth()); container_mc._x = _root.gallery_x;
Using an XML file, I am pulling a series of JPG images from my hard drive onto the stage. Each of these images will need to have different mouse events placed on them that will take the user to another part of the movie, or perhaps to a different scene.
The attached code successfully pulls the images to the stage -- as JPG images -- and spaces them. What i need to do is make each of them a button or movie clip, each with a specific action (information which can be gleaned from the XML).
Eventually, I'll need to show images from this XML file based on user-selected criteria via some check boxes. And I'll also need to build some kind of "show next 9 images" and "show previous 9 images" functionality.
I'm trying to create a portfolio website, and I want my picture strip to move in and then become buttons. I have made them buttons, but once the strip stops moving I keep getting this message.
what it has to do is to generate "j" buttons (j being the number of registrations from my database) and arrange them in rows of 5 or 6. unfortunately the buttons are generated but are not arranged properly. i have 9 registrations in the database so there are 9 buttons... the first 8 are next to each other and the last one is somewhere to the right.further on, at the release of a button it should create the lwLogo movieclip and load there a certain pic (the path being taken from my database). then the lwLogo mc should be centered on the screen... as this doesn't happen in the _root the center of the screen would be -442 in this movie clip so normally to center the image i should place lwLogo at -442-(lwLogo._width/2) but this doesn't work. the photos are loaded but not in the center.[code]
I have this array that contains the names of various images I want to load into Flash
var imageArray:Array=["image1","image2","image3","image4","image5","image 6","image7","image8","image9","image10"];
Now I want to create 10 different buttons with each button loading in an image. I know there's a way to do this with a for loop without having to make 10 different buttons and writing 10 different functions. Not sure how to correlate the members imageArray with the generated btns.
I want a prev / next buttons that brings the one of the carousel images to the center of the stage. Then when clicked again, it moves to the next one. I know that I have to have a code in my button release that checks the focus of the icon and brings it to the center if clicked. I have my buttons in place and everything is working great except calling the next icon over.
I have a big problem - I decided to make a website using flash as I am good with photoshop and thought it would be fairly easy to construct in flash using tutorials. All went well except now the website is published, weird things happen. The homepage works fine but when you click on "portfolio" some of the buttons don't appear and when you try the buttons, some images don't appear. Occasionally some of the buttons take you to the wrong place also. When I test the movie in flash, everything works fine so I can't work it out. I am a complete novice so advice will have to be spelt out in black and white.
I decided to make a website using flash as I am good with photoshop and thought it would be fairly easy to construct in flash using tutorials. All went well except now the website is published, weird things happen. The homepage works fine but when you click on "portfolio" some of the buttons don't appear and when you try the buttons, some images don't appear. Occasionally some of the buttons take you to the wrong place also. When I test the movie in flash, everything works fine so I can't work it out.
I want to create a set of buttons based on loaded images from xml that onClick turn red or grow in size, whatever, Clicking another turns that button red and the old one back to default. Alsoo it will attach a animated movieclip onclick to the button and when pressing another button, it swifts to that button.
Code:
var tracktype:Array = new Array; var imgArray:Array = new Array; var links:int;
[code]....
But Now the problem is that when another button is clicked I have to add the listeners back on the button, but I cant get the button because they all have the same name. Same with addChild the animated movieclip. Can't remove it. The buttons have a variable name, and can be unlimited.
I need to create in which two images fade in and fade out, and each of them must be clickable and hyperlink to a separate URL.I've got the fading going okay, but I cannot for the life of me get even a single button to work on it.
I have a flash file sitting inside of a web page in our company domain. There is another server (used to store images) that is part of the domain but is not running any web services (for security reasons). A folder on the images server is however shared in such a way that any site on the web server can display images from the images server as long as the user is plugged into the domain. For example, both I and my boss can pull up a web site on the web server and see all the information, but only he can see the images because I have Vista Basic and no domain support. This is done via "<img src='\serverNamedirectory.'/>"
That's ok, but on this particular instance I don't want to display the image on the webpage, I want it in a SWF on the page. However the SWF can't seem to load the images even though the page it's sitting in could. I've tried tons of variations of URLRequests and Loaders, most resulting in security errors. Since most of the online discussions about these errors revolve around cross-domain access, I can't seem to find any tech support for our specific situation.
i couldn't find a tutorial on this matter so i sorta started making my own hypothesis... what i'm trying to do is: have a gallery of images automatically scrolling horizontally while having the set of images loop. like at[URL]..
here are a couple of my theories and questions for AS commands to have this work:
1) display a range of pixels of an image at certain positions, i.e. if gallery is scrolling to the left, leftmost image when its parts are disappearing out of the viewing area, they become visible at the right.
2) have two instances of each image and when an image is disappearing on left, the second instance of that image comes visible on the right. this I imagine would take up more HD space.
i guess what i was wondering more about is how jager did their gallery where there's only enough images are in a set to be viewed in the viewing area.