WebPlus Essentials User Guide - Serif

232 Adding Hyperlinks and Interactivity
With respect to states, WebPlus provides two basic choices:
• Normal is the "resting" state of the image before any rollover, and is
always defined. A thumbnail can be used but numbered or bullet icons
could also be used, perhaps identifying pictures as part of a catalogue,
quiz, etc.
• Over is the state triggered by a mouseover—when the mouse pointer
is directly over the thumbnail the popup "Over" image will appear,
disappearing when the mouse pointer moves off the thumbnail.
If captioning is required on popup rollovers this can be made to popup next to
your Over image. Caption text can adopt various attributes such as font,
bold/italic, size, color.
To create a popup rollover:
1. Click the Popup Rollover button on the Standard Objects
toolbar's Picture flyout.
2. From the dialog, for the Normal rollover image click the Browse...
button, and navigate to and select the image. Click Open....
3. For the Over image, the previously chosen Normal image is used by
default (typically for photo thumbnails). However, you can Browse...
to use a completely different image.
4. (Optional) To hyperlink from the Normal image, click the Set... button
and enter a URL. The user jumps to the hyperlink destination by
clicking the image.
5. (Optional) For either image, specify Export Options... for that image
(see Setting image export options on p. 177).
6. (Optional) Check Embed image files in site if you want to
incorporate the image(s) in the site.
At this stage you've defined normal and over images to use. However, for popup
rollovers to work effectively you'll need to position the Normal and Over images
on your page. Positioning is carried out from a dedicated dialog, where each
state image can be moved and resized by dragging (or by setting absolute pixel
values). Each image adopts a colored border—green for Normal state, blue for
Over state.