Creating a Rollover

Dreamweaver makes it easy to implement rollover images by using the Rollover Image object. A rollover image is an image that swaps to another image when the viewer's cursor is over it. You'll need two image files with exactly the same dimensions to create a rollover.

To create a rollover image

1.
Place the insertion point where you want the rollover image to appear.
2.
Select the Rollover Image object from the Insert bar (or Rollover Image command from the Interactive Images submenu of the Insert menu).
3.
The Insert Rollover Image dialog box appears. Name the image in the top box.
4.
Select both the original image file and the rollover image file by clicking the Browse buttons.
5.
Check the Preload Rollover Image check box if ...

Get Sams Teach Yourself Macromedia® Dreamweaver® MX in 24 Hours now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.