A rollover is a picture in an HTML page that changes when you move the mouse pointer over it. Rollovers are commonly used as “buttons” that link to a different page or that download a file. While visually impressive, rollovers come with some additional overhead in terms of file size and download time. Also, rollovers are not supported by all versions of every Web browser (although they are supported by version 3.x and later of both Microsoft Internet Explorer and Netscape Navigator, and in the current versions of Safari and Firefox).

QuarkXPress offers two types of rollovers:

• Basic rollover: Swaps the image when the mouse pointer is over the rollover box.
• Two-position rollover: Swaps the image in one or more other boxes when the mouse pointer is over the rollover box.

A rollover changes its appearance when an end user “rolls” the mouse pointer over it.

• Creating a basic rollover
• Editing and deleting basic rollovers
• Creating a two-position rollover
• Switching between rollover images in the layout
• Removing a target from a two-position rollover box
• Unlinking a two-position rollover