HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide

Changing an Image When a Visitor Points

You can make an image change when the visitor points at it. This is commonly called a “rollover”.

To change an image when the visitor points at it:

1.	Type <a href="page.html", where page.html is the page that will be displayed if the visitor actually clicks the link (as opposed to just pointing at it).
2.	Type onmouseover="document. imgname.src=, where imgname is the value of the img tag’s name attribute (see step 11, below). Note that there are no spaces before or after the periods.
3.	Type 'image-in.jpg', where image-in.jpg is the name and extension of the image file that should be displayed when the visitor points at the image.
4.	Type " to complete the attribute.
5.	Type onmouseout="document. imgname.src= ...