WebPlus Essentials User Guide - Serif

230 Adding Hyperlinks and Interactivity
To create a rollover graphic:
1. In a suitable image-editing program, create the variant source images
for each state you'll be defining. (See Creating variant graphics
on p. 231.)
2. Click Insert Rollover on the Standard Objects toolbar's Picture
flyout.
3. Specify which rollover states (see p. 229) you want to activate for
each graphic 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. 177).
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.
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.