A rollover image is an image that changes to some other image when you or your customer rolls the mouse over it. Rollover images can cause your Web pages to load more slowly, as they can require nearly double the space of a single image. So be sure that it's something you need before you do it.
What You Need to Create a Rollover Image
- Dreamweaver
This tutorial works with any version of Dreamweaver from Dreamweaver MX, but it was shot in Dreamweaver CS3. I recommend using Dreamweaver 8 or MX 2004 if you don't have Dreamweaver CS3. - An original image
Make sure that this image is as small as you can make it without sacrificing quality. This will help your pages load more quickly. - The rollover image
This image should be the same size as the original image. And, like the original image, should be as small as possible so that the page and the rollover image loads quickly. - A Web page
This is the HTML page where you'll put your rollover image. Open that in Dreamweaver and move on to the next step to create your rollover image.
