Creating a rollover

A rollover is an image that changes when the cursor moves across the image. A rollover is actually two images: the primary image (the image displayed when the page first loads) and the rollover image (the image that appears when the cursor rolls over the primary image).

For information about changing an image in response to a different event (for example, a mouse click) or about changing a different image than the one being rolled over, see Swap Image.

To create a rollover:

1	Place the cursor in the Document window where you want the rollover to appear.
2	Do one of the following:
	Choose Window > Objects to open the Object palette and click the Rollover button.
	Choose Insert > Rollover Image.
3	In the dialog box that appears, enter the following information:
	Type the path and filename of the original image in the Original Image field, or browse to and select an image.
	Type the path and filename of the rollover image in the Rollover Image field, or browse to and select an image.
	To create link, replace the # sign in the Link field with a path and filename, or browse to and select a file.
	To have Dreamweaver preload the images in the browser's cache, select the Preload Images option.
4	Click OK.

To test a rollover:

1	Choose File > Preview in Browser.
2	In the browser, roll the cursor over the primary image. The display should switch to the rollover image.