Serif WebPlus X4 WPX4-HFMINI-ENG-STA-1 User Manual
Product codes
WPX4-HFMINI-ENG-STA-1
258
Adding Hyperlinks and Interactivity
Rollover options
Adding rollovers is basically a matter of deciding which rollover state(s) you'll
want to define for a particular object, then specifying an image for each state.
WebPlus provides several choices:
want to define for a particular object, then specifying an image for each state.
WebPlus provides several choices:
Normal State
is the "resting" state
of the graphic before
any rollover, and is
always defined.
Over State
is the state triggered
by a mouseover—
when the mouse
pointer is directly
over the graphic.
Down State
is triggered by a
mouse click on the
graphic.
Another state, Down+Over (not illustrated) implies a mouseover that occurs
when the graphic is already Down, i.e. after it's been clicked.
when the graphic is already Down, i.e. after it's been clicked.
You can also specify a hyperlink event—for example, a jump to a targeted web
page—that will trigger if the user clicks on the object. And you can even group
buttons on a page so they work together—and only one button in the group can
be 'down' at any one time.
page—that will trigger if the user clicks on the object. And you can even group
buttons on a page so they work together—and only one button in the group can
be 'down' at any one time.
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"
below.)
for each state you'll be defining. (See "Creating variant graphics"
below.)
2.
Click
Insert Rollover on the Standard Objects toolbar's Picture
flyout.
3.
Specify which rollover states (see above) 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. 203).
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. 203).