Using Irregularly Shaped Rollovers - MACROMEDIA FIREWORKS 2-USING FIREWORKS Use Manual

In the Swap Image dialog box, choose the Source
5
for the swap, and then click OK.
Choose the source for the swap by either clicking
the name of a slice in the In Slice field, or by clicking
a slice in the slice preview to the right of the In Slice
field.
The source for the swap can be the contents of
another frame or an external file.
When the source is another frame, only the area
immediately below the target slice object on the
specified frame is used.
When the source is another file, the browser
resizes the file to fit within the slice object if the
source file is not already the same size as the
slice object. Resizing the file may reduce its
quality, especially for animated GIFs. To resize a
selected slice object to specific dimensions,
choose Modify > Transform > Numeric
Transform, choose Resize from the pop-up, and
enter a width and height.
Check Restore Image onMouseOut to swap
the original image back into the slice when the
cursor is moved away from the image.
Choose an event for the Swap Image behavior
6
from the Events pop-up on the Behaviors
inspector.
The events are:
The event is triggered when the
onMouseOver—
cursor is moved over the event area.
The event is triggered when the
onMouseOut—
cursor is moved out of the event area.
The event is triggered when the mouse is
onClick—
clicked in the event area.
Export the image.
7
To simultaneously swap more than one slice, apply
multiple Swap Image behaviors to the same event area.
122 Chapter 4
Using external files for rollover source
Fireworks can use GIFs, animated GIFs, JPEGs, and
PNGs as the source for a rollover. When an external file
is chosen as the rollover source, that file is exchanged
with the target slice when the rollover is activated in a
web browser. Use an external image file as rollover source
when you want a rollover state to be an animated GIF.
Choose Image File in the Swap Image dialog box to
select an external file as the source for a rollover.
Note: Fireworks does not pre-cache rollovers that use
external files for rollover states. This is done to prevent
interrupted display in browsers when using animated
GIFs as rollover states. If you want to pre-cache these
rollovers, you must customize the Fireworks output
HTML.

Using irregularly shaped rollovers

Creating irregularly shaped rollovers is a difficult task in
web design. JavaScript rollovers can only swap out entire
images. All bitmap images are rectangular; therefore, to
create the appearance of an irregularly shaped rollover,
the irregular shape is drawn over the rectangular image
area. Creating shapes that extend beyond that
rectangular area or shapes that interlock require complex
JavaScript and slicing to create the effect of irregularly
shaped rollovers.
Fireworks simplifies the task of creating irregularly
shaped rollovers. A hotspot object may be drawn in any
shape or created from any object. Then, those hotspots
can be used to target a slice object that defines the area of
the rollover, even if the hotspot is within the area of the
slice object.