8.5

5
To add a hyperlink to the rollover, enter a URL in the Hyperlink field or choose a URL
from the Hyperlink drop-down menu. You can also click Select/Browse to locate the
target file manually, but note that this creates an absolute link; to create a relative link,
manually enter the relative path to the target file.
6
Click OK. The rollover box displays an icon to indicate that it contains swappable
images, an icon to indicate that it is sensitive to rollovers, and (if you added a hyperlink)
an icon to indicate a hyperlink.
Editing and deleting basic rollovers
To edit a rollover, select a picture box containing the rollover and choose Item > Basic
Rollover > Edit Rollover. The Rollover dialog box displays. You can change either image
or edit the hyperlink.
To remove rollover behavior from a rollover, select the picture box containing the rollover
and choose Item > Basic Rollover > Delete Rollover.
Creating a two-position rollover
In a two-position rollover, the end user moves the mouse pointer over one box, and the
image in a different box displays the rollover image. The box the end user rolls over is
called the origin box, and the box that displays the rollover image is called the target box.
To create a two-position rollover:
1
Create a text box or picture box to serve as the origin box — the box that the mouse pointer
will be moved over to invoke the rollover. If the box is a text box, choose Item > Modify
and check Convert to Graphic on Export.
2
Create another text box or picture box to serve as the target box — the box that will change
its contents when the mouse pointer is moved over the origin box. If the box is a text box,
choose Item > Modify and check Convert to Graphic on Export.
3
Import a picture or enter text into the target box. This is the default content for the target
box.
4
With the target box selected, choose Item > Rollovers > Create 2-Position Target. An
icon displays in the origin box.
5
To specify the rollover image, import a new picture or enter new text into the target box.
6
To link the origin box with the target box, select the 2-Position Rollover Linking tool in
the Web Tools palette; click the origin box; and then click the target box. An icon
displays in the target box.
7
To create additional target boxes, repeat steps 2–6.
Switching between rollover images in the layout
A basic rollover or two-position rollover target is a picture box that has two pictures
imported into it: One for the default state, and one for the rollover state. However, only
A GUIDE TO QUARKXPRESS 8.5: PLUS EDITION | 383
WEB LAYOUTS