MACROMEDIA FIREWORKS MX 2004-USING FIREWORKS Use Manual page 176

Creating a disjoint rollover
A disjoint rollover swaps in an image under a web object when the pointer rolls over another web
object. In response to a pointer rolling over or clicking a trigger image, an image appears in a
different location on the web page. The image that is rolled over is considered the trigger; the
image that changes is considered the target.
As with simple rollovers that use just one slice, you first have to set up the trigger and target slices
and the frame in which the swap image resides. Then you can link the trigger to the target slice
with a behavior line.
Note: The trigger for a disjoint rollover doesn't have to be a slice. Hotspots and buttons also have
behavior handles that can be used to create disjoint rollovers. For more information on hotspots, see
"Creating hotspots" on page
symbols" on page
To attach a disjoint rollover to a selected image:
Choose Edit > Insert > Slice or Hotspot to attach a slice or hotspot to the trigger image.
1
Note: This step is not necessary if the selected object is a button or if a slice or hotspot already
covers the image.
Create a new frame by clicking the New/Duplicate Frame button in the Frames panel.
2
Place a second image, to be used as the target, in the new frame in the desired location on the
3
canvas. You can place the image anywhere other than beneath the slice you created in step 1.
Select the image, and then choose Edit > Insert > Slice to attach a slice to the image.
4
Select Frame 1 in the Frames panel to return to the frame that has the original image.
5
Select the slice, hotspot, or button that covers the trigger area (the original image) and place the
6
pointer over the behavior handle. The pointer changes to a hand.
Drag the behavior handle for the trigger slice or hotspot to the target slice you created in step 4.
7
The behavior line extends from the center of the trigger to the upper left corner of the target
slice, and the Swap Image dialog box opens.
From the Swap Image From pop-up menu, select the frame you created in step 2, and click OK.
8
Click the Preview button to preview and test the disjoint rollover.
9
176 Chapter 9: Slices, Rollovers, and Hotspots
185. For more information about buttons, see
191.
"Creating button