From the Insert
Menu, select Insert > Rollover
You can type in a name for the Image
name and override
Dreamweaver's default naming convention
Set the Original and Rollover images
by using the Browse button
or by typing in the names. If you type in the image name
be sure you type the path to the images correctly.
I generally prefer to use the Browse button for the
image and then copy and paste the name for the Rollover
image and make the necessary name changes.
Dreamweaver will select "Preload
Rollover Image" by
default. Leave that option selected.
Type in a descriptive name for the Alternative
Text field. This is the text that is displayed when
a the cursor is over the image
Use the Browse button to navigate to the page you want
the link to visit when clicked. You can leave this
blank for this exercise and Dreamweaver will automatically
the link to a "null link" by placing the pound sign
(#) in the Link field. Null
links are temporary links
that will not go anywhere but
the rollover image.
Continue adding the rollovers for the remaining two
Step 2: Editing the Rollover Images
At point you may need or want to go back and change one
of your rollovers after you've created them. You can easily
this by using the Behaviors Panel.
Select the image you want to change
To change the Up state of
the button, click the Browse
For File icon in the
Property inspector and
browse to the new image.
To change the Over state of the image, go to the Behaviors
double-click the (onMouseOver)
Swap Image behavior. This is why naming your images
when you set this up is so important.
The image you select is the Up state of the image.
That is the name that is highlighted in the Images field.
Set Source to lets you change out the Over image for
the currently selected image. In this case, we selected
Services button and if we change the Set Source to
image, we'll have a different Over state for the Services
Flash®, Fireworks™, and Dreamweaver® are registered trademarks
of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered
trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark