Creating rollovers


    Rollovers respond to a viewer's mouse movements and clicks, providing interactivity on a Web page. To aid navigation, you can use rollovers to highlight hyperlinked images. To further enhance interactivity, you can combine rollovers with actions.

    Rollovers require separate images for each rollover state: Normal, Over, Down, Click, Up, and Out. The Normal state appears when the mouse is over another part of the page. The remaining states appear when the viewer moves or clicks the mouse over a rollover object.

    Tip Normally, images for all states of a rollover have identical dimensions. If a rollover has an image with different dimensions, you can either resize it in a graphic editor, or choose Image from the Width or Height menu in the Image Inspector.

    Illustration of Rollovers tab of Rollovers & Actions palette with these callouts: A. HTML element of trigger object B. Expert Mode warning icon C. Palette menu button
    Rollovers tab of Rollovers & Actions palette: A. HTML element of trigger object B. Expert Mode warning icon C. Palette menu button

Related Subtopics: