Operation Manual

156 | Hyperlinks and Interactivity
Here are some things to consider:
Variant images will stretch to fit into the region occupied by the Normal
image, so all the source images should have the same dimensions.
Make sure the variants are all in precise registration with the Normal
image, so there's no unintended movement when images are swapped on
rollover. To simplify matters, use an image editor with layering capability
and create each variant on a separate layer directly above the Normal
image.
WebPlus displays only the Normal image, so preview the effect of
swapping graphics by hiding and showing layers in the image editor.
You only need to provide variant source images for the rollover states
you've activated.
a
ing
's
the assignment process and specify the new
Im
port
ML file (for example, MYFILE.HTML) that includes
the JavaScript code.
Once you're satisfied with the source images, export each layer to
separate file, and then return to WebPlus to define the rollovers.
When assigning the source images, you'll need to choose between link
and embedding. As long as a source image is linked (not embedded),
WebPlus will always use the latest version of a file. So as a rule, until
you're truly sure your source images are final, you may wish to uncheck
the "Embed files" box so that linked images will be used. You can easily
repeat the assignment process, using embedding instead, once the source
images are final. If you do find yourself needing to update an image that
already been embedded, the best way is to save the revised file under a
different name, then repeat
file instead of the old.
porting DrawPlus rollovers
Serif DrawPlus provides not only advanced image editing and layering
capabilities, but built-in tools for producing rollover graphics. For example,
you can preview just a region of your screen in a Web browser, and set ex
options. DrawPlus outputs of a series of image files (for example,
MYFILE_01.GIF, MYFILE_02.GIF, etc.) with variants for each rollover
state, and a single HT