User Guide

The Web404
Creating Rollovers from
Image Slices
Using the Image Slicer, you can divide
your image into rectangular areas
called slices. Each slice can have one
of the following rollover state
combinations:
• No rollover
—
The slice has no
rollover states.
• Mouse over-out
—
The slice has
two states: Mouse over and Mouse
out.
• Mouse over-out-click — The slice
has three states: Mouse over,
Mouse out, and Mouse click.
A single image can contain different
slices with different rollover
combinations. This means that one
slice can be set to Mouse over - out,
another slice can be set to Mouse over
- out - click, another slice can be set to
No rollover, and so on.
For more information about the
Image Slicer, refer to “Using the
Image Slicer” on page 397. For more
information about setting the number
of rollover states, refer to the
procedure “To set slice options:” on
page 401.
Before using the Image Slicer, you
must carefully analyze your image.
• Which image areas should have
rollover effects?
• Which rollover state combinations
(see above) will be used for each
area?
• How will you create the rollover
states for each of these areas?
The third item in this list deserves
special note. Since each rollover area
must have two or three separate states,
you must decide how you will
represent each of these states.
The most common method of
representing states is to use multiple
layers (one for each state), then hide
and show them, as necessary. Another
option is to use Shapes or Dynamic
Text, then redefine their attributes
(color, opacity, size, and so on) for
each state.
Whatever method you choose, make
sure you can easily move between
states for each slice. This is necessary
when exporting states using the Image
Slicer.
Press Option+click (Mac OS) or
Alt+click (Windows) to control
alignment when duplicating layers for
use in rollovers. If in doubt, check
layer alignment by double-clicking
each layer and verifying the Position
> Top and Position > Left fields.
Make any necessary adjustments in
alignment by typing numbers into
these fields.
To define rollovers with the Image
Slicer, follow the general steps below.
For detailed information, refer to the
procedures in “Working with Image
Slices” on page 399.
To define rollovers:
1 Set up your image so you can
easily move between states for each
rollover area or slice.
2 Use the Image Slicer's slice tools to
divide the image. Each rollover
area in the image should occupy its
own slice.