 |
Creating mouse rollovers
Mouse rollovers respond to a user's mouse actions, providing interactivity on a Web page. When a user rolls the computer mouse over a rollover image, its appearance changes, and when the user clicks the image, the image's appearance can change again. If there are no onClick actions applied to the rollover, you can also use a mouse rollover as a hyperlink to another location to display another image or text, and you can assign a prebuilt GoLive action to a rollover image.
Rollovers require two or three similar images, which appear in the same spot on the page. The first image (Normal) is the normal appearance of the rollover--the way it appears when the mouse pointer is somewhere else on the page. The second image (Over) is a different version of the image (for example, a highlighted appearance), which appears when the user's mouse pointer is on top of it. The third image (Down) appears when the user clicks the rollover image.
Normally, the rollover images will display with the same dimensions of the base image. If any of the rollover images have different dimensions, you can either resize them in a graphic editor, or simply change the base image's Width and Height values in GoLive from Pixel to Image in the Image Inspector.
Related Subtopics: