Adding Hyperlinks and Interactivity 259
4. Check Embed files in site if you want to incorporate the image(s) in
the site.
5. Check either Normal or Down as the button's initial rollover state.
6. Click Set... to define a hyperlink target for the button.
7. Check Radio button if you want to link all the buttons (on a given
page) that have this option checked, so that only one of them at a time
can be down.
8. Click OK. The first time you define a rollover state, you'll see rollover
layers established in the document (see below).
WebPlus displays the image assigned to the Normal state. It's a good idea to
preview the page and test each rollover object, then return to WebPlus and
revise as needed. When you preview or publish the site, WebPlus takes care of
exporting one image file for each rollover state, and the HTML file for the
published page incorporates the JavaScript code for the rollover event trapping.
To edit a rollover graphic:
1. Right-click (or double-click) the graphic and choose Edit Rollover....
2. Make new selections as needed and click OK.
Creating variant source images
For each object with at least one activated rollover state, you'll need to provide a
source image. It's the often subtle differences between the Normal image and the
"variants" that make the object appear to switch from one state to another. For
example, if you've checked the "Over" state for an object, you need to include a
variant image that the web page can display when the button is moused over. If
you want the button's text to change from black to yellow, then the "Over" state
will need an image with yellow text.
Adding popup rollovers
The most common use for popup rollovers in WebPlus is to hover over a picture
thumbnail to show its larger representation, usually offset next to the thumbnail.
The feature is simple to use and works in a similar way to the more advanced
Photo Gallery. Popup rollovers have only two states (normal and hover over)
