Join Paul Trani for an in-depth discussion in this video Creating invisible buttons, part of Creating a First Web Site with Flash Professional CS5.
Using invisible buttons is an invaluable technique, which allows you to make your…own hotspots if you will and then add interactivity to those hotspots.…That's what I want to do with the Portfolio section.…So right down here in about Frame 61, here is my portfolio content and I want…to add some hotspots or some invisible buttons that are going to serve as…hotspots for this graphic.…So I am going to expand out the Timeline a little bit and I am just going…to add a new layer.…
On this new layer I am just going to rename it Portfolio Content and I am going…to insert a keyframe.…So at this point of time that's actually where I want my content to exist right…here and I will move it down because the final resting place is out where I…want that content to exist.…I am also going to insert a blank keyframe just after it.…So this one frame is where my hotspots are going to exist.…I am going to just go ahead and select the Rectangle tool and I am going to…change the stroke color to nothing, and then my fill color is just going to be white.…
- 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: