Serif WebPlus X4 WPX4-HFMINI-ENG-STA-1 User Manual

Product codes
WPX4-HFMINI-ENG-STA-1
Page of 347
Adding Hyperlinks and Interactivity
  261
 
 
 
 
To create a popup rollover: 
1. 
Click the 
 Popup Rollover button on the Standard Objects 
toolbar's Picture flyout. 
2. 
From the dialog, for the Normal rollover image click the Browse... 
button, and navigate to and select the image. Click Open...
3. 
For the Over image, the previously chosen Normal image is used by 
default (typically for photo thumbnails). However, you can Browse... 
to use a completely different image. 
4. 
(Optional) To hyperlink from the Normal image, click the Set... button 
and enter a URL. The user jumps to the hyperlink destination by 
clicking the image.  
5. 
(Optional) For either image, specify Export Options... for that image 
(see Setting image export options on p. 203). 
6. 
(Optional) Check Embed image files in site if you want to 
incorporate the image(s) in the site. 
At this stage you've defined normal and over images to use. However, for popup 
rollovers to work effectively you'll need to position the Normal and Over images 
on your page. Positioning is carried out from a dedicated dialog, where each 
state image can be moved and resized by dragging (or by setting absolute pixel 
values). Each image adopts a coloured border—green for Normal state, blue for 
Over state. 
The dialog additionally shows any previous popup rollovers in its preview 
window, and offers previously used Left, Top, Width and Height values for easy 
alignment with the existing popup rollovers. 
To position rollover images: 
7. 
In the Rollover Graphic dialog, click the Set Rollover Position... 
button at the bottom of the dialog. 
8. 
From the dialog, select an image. The drop-down list indicates the 
current selection status, i.e.