Creating image rollovers
A rollover is an image or section of an image that changes appearance when the user activates it. Web designers frequently create rollovers for the buttons of a navigation bar. When a user clicks a button, the browser displays the linked Web page (or file), and the rollover area displays a different button.
You can assign a rollover to an image that is sliced and mapped by choosing an image file that will appear when the user performs a specific mouse action.
To create image rollovers
Edit workspace
1 Create the image to be used as the rollover image. Often this second image is a duplicate of the original, but modified to appear differently when the mouse rolls over the original image.
2 Do one of the following:
• Choose File Export Image Mapper.
• Choose File Export Image Slicer.
Note: If necessary, navigate to an image region, and use the appropriate tool (for example, the Polygon, Rectangle, or Circle tool) to specify the region where you want to add a rollover.
3 Click Rollover Creator.
The Rollover Creator dialog box appears.
4 Mark any of the following check boxes to determine which actions activate the rollover:
• Mouse over
• Mouse out
• Mouse click
• Mouse double-click
• Mouse up
• Mouse down
5 Click the
Open button
.
The Select Rollover dialog box appears.
6 Navigate to and select the graphics file you want to use.
If you do not select a file, then the original file is used.
7 Click Open.
In the Rollover Creator dialog box, the file path appears in the box beside the check box.
8 Click Cancel to return to the Image Mapper or Image Slicer dialog box.
You can view your work in a Web browser window by clicking the
Preview in browser button
.