How to Create a Rollover Image in Dreamweaver

If you chose to have Dreamweaver preload the rollover images, then you will see the HTML code in the body of your document (indicated in yellow) to call the preload script so that your images load more quickly.

onload="MM_preloadImages('shasta2.jpg')"

Dreamweaver also adds all the code for your image and links it (if you included a URL). The rollover portion is added to the anchor tag as onmouseover and onmouseout attributes (in green).

onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','shasta1.jpg',1)"

• What is a Rollover Image?
• Insert a Rollover Image Image Object
• Tell Dreamweaver What Images to Use
• Dreamweaver Writes the JavaScript for You
• Dreamweaver Adds the HTML for the Rollover
• Test Out the Rollover