We will be undergoing scheduled maintenance on May 20th, 2013 at 02:00 GMT.
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
Once you've added slices or hot spots to your canvasses, you can attach pre-built behaviors to them. These behaviors let you quickly add interactivity to your Fireworks projects. Behaviors are collections of JavaScript code that's inserted into the HTML document when it's exported by Fireworks. This JavaScript code makes this interactivity work in a Web browser. I have several behaviors attached here to various hot spots and slices. Most of them are simple mouse overs or simple rollovers. I have a simple rollover attached to that hot spot, but also simple rollovers attached to these slices. Now, you don't have to preview this document in a browser to see these behaviors in action. You can just click on the Preview button to move into preview mode. Let's turn off my slices, and now let's Preview these simple rollovers. You can also preview these by choosing File, Preview in Browser. Now, the simple rollover adds a behavior to the selected slice or hot spot using Frame 1 as the up-state, and Frame 2 as the over-state. So, If I go over here to my Frames panel, you'll notice that I have two frames, one with yellow buttons, and one with red buttons, so really all this behavior is doing, this simple rollover behavior, is swapping out the image underneath that slice, or hot spot when the [`00:01:33] mouse rolls over it to Frame 2. This simple roll over option is actually a behavior group containing the swap image and [`00:01:41] the swap image restore behaviors. I have examples of those here. I call these disjointed menus, but they're essentially [`00:01:49] using the swap image and swap image restore. The swap image replaces the image under the specified slice with the [`00:01:59] contents of another frame or the contents of an external file. The Swap Image Restore restores the target object to its [`00:02:09] default appearance in Frame 1, so if I go back to the original view here and turn on my slices, you can see that I have [`00:02:18] a slice here, and I have a variety of frames, up to five frames, that are showing different content, so what's [`00:02:26] happening here is, as I roll over each slice here under Page 1, Page 2, and Page 3, I'm displaying different content in [`00:02:34] this slice, here. In this case, Frame 3, Frame 4, or Frame 5. So when I roll over Page 3, this slice here, I'm [`00:02:42] displaying Frame 5 in this slice. That's why I call it disjointed roll over, as I'm actually rolling over this part of [`00:02:48] it, but this part over here of the page is actually being changed, or swapped. You also have a Set Nav Bar image. This [`00:02:57] sets a slice to be part of a Fireworks Navigation bar. Each slice that is part of the bar must have this behavior. The [`00:03:04] Set Nav Bar image option is actually a behavior group containing the Nav Bar Over, Nav Bar Down, Nav Bar Restore Behaviors, those are, notice, right here in the Behaviors panel, set Nav Bar Image. I have examples of Nav bars here. Notice that they're changing color. Also, what's nice about these Nav bars is that they communicate with each other, that's why they're all, in essence, one piece here, so that when I click on the bottom menu button there, the top menu in the navigation bar is affected. Let me now move on to the next movie and demonstrate just how easy it is to apply these behaviors to your hot spots and slices by demonstrating a specific behavior, the Fireworks CS3 pop-up menu behavior.
| Course: | Adobe Fireworks CS3 |
| Author: | James Gonzalez |
| SKU: | 33836 |
| ISBN: | 1-934743-42-9 |
| Release Date: | 2008-01-25 |
| Duration: | 8.5 hrs / 93 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |