Adobe Dreamweaver CC 2014 v.13 - Manual (Page 682)

Image Name
Original image
Rollover Image
Preload Rollover Image
Alternate Text
When clicked, Go to URL
Note:
Note:
To the top
displayed in the Insert panel, you can drag the icon to the Document window.
Select Insert > Image Objects > Rollover Image.
3. Set the options and click OK.
The name of the rollover image.
The image you want to display when the page loads. Enter the path in the text box, or click Browse and select the image.
The image you want to display when the pointer rolls over the original image. Enter the path or click Browse to select the
image.
Preloads the images in the browser’s cache so no delay occurs when the user rolls the pointer over the image.
(Optional) Text to describe the image for viewers using a text-only browser.
The file that you want to open when a user clicks the rollover image. Enter the path or click Browse and select
the file.
If you don’t set a link for the image, Dreamweaver inserts a null link (#) in the HTML source code to which the rollover behavior is
attached. If you remove the null link, the rollover image will no longer work.
4. Select File > Preview in Browser or press F12.
5. In the browser, move the pointer over the original image to see the rollover image.
You cannot see the effect of a rollover image in Design view.
Use an external image editor
While in Dreamweaver, you can open a selected image in an external image editor; when you return to Dreamweaver after saving the edited
image file, any changes you made to the image are visible in the Document window.
You can set up Fireworks as your primary external editor. You can also set which file types an editor opens; and you can select multiple image
editors. For example, you can set preferences to start Fireworks when you want to edit a GIF, and to start a different image editor when you want
to edit a JPG or JPEG.
Start the external image editor
Do one of the following:
Double-click the image you want to edit.
Right-click (Windows) or Control-click (Macintosh) the image you want to edit, then select Edit With > Browse and select an editor.
Select the image you want to edit, and click Edit in the Property inspector.
Double-click the image file in the Files panel to start the primary image editor. If you haven’t specified an image editor, Dreamweaver
675