Using Actions With Rollovers; Creating Image Maps - Adobe GOLIVE CS2 User Manual

Using actions with rollovers

Attaching actions to a rollover
The Actions palette lets you attach scripted actions to a rollover—for example, an action that changes the background
color of the page. You can even attach actions to a sliced Smart Object containing rollovers. If you edit the source file
in Photoshop or Illustrator, GoLive automatically reoptimizes target files and retains attached actions.
To ensure that scripted actions work with rollovers, make sure that all images on a page have a unique name (button1,
button2, and so on). Avoid names that contain only numbers (1, 2, 3, and so on) or that start with a number; the
names won't work in all browsers. Finally, do not include spaces or special characters.
See also
"About actions" on page 608
To change default rollover and action code for images
By default, GoLive adds rollover and action code for images to a hyperlink surrounding the image element. This
default behavior ensures compatibility with the largest number of browsers. To create smaller code, however, you can
instead configure GoLive to apply rollover and action code directly to the image element.
Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS).
1
In the list on the left, select Images, and then select either Apply To Hyperlink Around <img> Element or Apply
2
To <img> Element.

Creating image maps

Image maps
Image maps consist of clickable hotspots in an image. Image maps are helpful navigational tools, because each
hotspot can link to a different destination and have a unique size and shape. GoLive lets you create and edit image
maps, and associate them with actions and rollovers.
To create an image map
Select an image on your web page.
1
In the Smart Image or Image Inspector, click the More tab and select the Use Map option.
2
Note: By default, GoLive assigns a unique ID to the image map and enters the ID in the Name text box. You can replace
this ID by typing a name for the image map in the Name text box on the More tab.
3 In the toolbar, select the Rectangular tool , the Circular tool , or the Polygonal tool .
Drag in the image to define the hotspot. (If you are using the Polygonal tool, click to define each point of the
4
polygon.)
5 In the Map Area Inspector, specify a file for the link destination of the selected hotspot.
ADOBE GOLIVE CS2
346
User Guide