Operation Manual

Working with Hyperlinks and Interactivity 61
Using hotspots and rollovers
A hotspot is a transparent hyperlink region on a Web page. Usually
placed on top of bitmap images, hotspots act like buttons that respond
when clicked in a Web browser. They are especially useful if you want
the visitor to be able to click on different parts of a picture (such as a
graphic “menu” or map of your site). To give you an idea of how they
work, we’ll need to create one.
 Click the
Insert Hotspot button on the left toolbar. The
cursor changes to a cross.
Let’s place a hotspot over the butterfly in the photo.
 Click slightly to the upper left of the butterfly, then drag down and
right to draw a box. (You can
adjust it later.)
When you release the mouse
button, the familiar Hyperlinks
dialog appears. This time, it’s
waiting for you to provide a
destination.
 Select “A page in your publication” and designate page 2 in the
drop-down list. Click OK.
If necessary, you can use the Pointer tool to move or resize a hotspot,
like any graphic. There’s no limit to the number of hotspots you can
use. You can also add extra nodes to a hotspot, allowing it to be fit into
any irregular region; there’s more on this in online help.
Rollover graphics combine several images with HTML code in such a
way that a different image appears (or some other event is triggered)
depending on how the user’s mouse “rolls over” the object. For
example, a rollover button might appear “down” or “up” depending on
whether the user’s mouse was over it.