Operation Manual

Adding Web Objects 117
3. Specify which rollover states (see above) you want to activate for each
image by checking boxes in the Rollover Graphic dialog. For each
one, use the Browse button to locate the corresponding source image
and specify Export Options for that image (see Setting image export
options on p. 265).
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. (Optional) 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.
WebPlus displays the image assigned to the Normal state. It's a good idea to
preview the page and test each rollover image, 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 rollover graphic and choose Edit
Rollover....
2. Make new selections as needed and click OK.
Creating variant 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.