Rollover images are fast and easy to create. When an image is either clicked or has the mouse pointer moved over it, it changes to a different image. The original image returns after the image is clicked or when the mouse pointer is no longer over it. Rollover images use JavaScript code.

• Open the "Rollover Image" dialog box.
• Specify the image you want to be shown before and after (not during) the rollover into the "Original Image" box. This can include items such as "file://" or "http://".
• Specify the image to be displayed during the rollover in the "Replace With" box. The file path cannot contain "http://" or "file://" etc, so you should use a relative path.
• A hyperlink must be specified as it supports the onMouseOver=".." attribute in HTML, something that is required to make the rollover work.
• You must also specify an image name to ensure that the rollover effect is used for that image only. Hence, you should use a unique name for the image.