Things You'll Need:
- Adobe Dreamweaver
- Images stored on your computer
-
Step 1
Open a new Dreamweaver page.
-
Step 2
Click where you want to insert the rollover image.
-
Step 3
Selecting from the Common TabThere are two ways to insert a Rollover Image. One way to do this is from the menu bar at the top, click on "Insert > Image Objects > Rollover Image." Or another way, you can click on the "Common Tab (on insert bar) > Images > Rollover Image." A new menu box called "Insert Rollover Image" will appear.
-
Step 4
Insert Rollover Image BoxType the name of the image in "Image Name."
-
Step 5
Browse through your computer to find the top image or "Original Image." Do the same for the bottom image or "Rollover Image."
-
Step 6
Click "Preload Rollover Image" to have the image load when the rest of the page loads, so there are no delays in loading time for your viewers.
-
Step 7
Type in "Alternate Text" another name for this image, for people who use text-only browsers and won't view your images.
-
Step 8
Enter a URL in the "When Clicked, Go To URL." A URL is a web address, like: http://www.ehow.com/. Only enter a URL if you want the rollover to link somewhere, otherwise it is unnecessary.
-
Step 9
Click "OK". You've created a rollover image/link.











