Things You'll Need:
- Adobe Dreamweaver CS3
-
Step 1
From the menu, select "Insert" > "Image Objects" > "Rollover Images."
-
Step 2
Provide a name for your rollover image in the "Image Name" section.
-
Step 3
From the "Original Image" field, select an image that will serve as the picture viewers see before rolling their mouse over.
-
Step 4
From the "Rollover Image" field, select the image that will serve as the picture shown once a viewer's mouse is rolled over.
-
Step 5
Insert text into the "Alternate Text" field which will appear when a viewer's mouse rolls over the image. This field is optional and is not required in order to create a rollover image.
-
Step 6
If the image is a part of the navigation menu, use the browse box to select the web page where the image leads to. You also have the ability to type in specific URL addresses into this field.
-
Step 7
Select "Ok" to finalize the creation of your rollover image.
