Join Paul Trani for an in-depth discussion in this video Loading multiple external images, part of Creating a First Web Site with Flash Professional CS5.
What I want to do now is I want each one of my thumbnail buttons to load in the…correct image when you click on it.…It will load in that image right inside of this UILoader.…Okay, so the first thing I need to do is give each invisible button a…unique instance name.…So I am going to select this first button here and in my Properties panel I am…going to give it an instance name of port1_btn just…like that and all of them are going to follow the same pattern. So I am going to…copy that instance name and just paste it for the next button and just change…this number to port2.…
Again, this will prevent me from mistyping if I just paste in the instance name…and change that one number.…Last one, port6_btn. Now they all have instance names.…All right, so far, so good.…I am going to go ahead and select this first button and I am going to go to…Window and I am going to open up the Code Snippets panel.…Because for each one of these buttons what I am going to do is I am going to…add an event handler.…
That's this folder right in here.…
- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible: