MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Use Manual page 396

Modifying a pop-up menu
The Show Pop-Up Menu behavior allows you to edit or update the contents of a pop-up menu.
You can add, delete, or change menu items, rearrange them, and set where a menu is positioned
relative to the triggering image or link.
To open an existing HTML-based pop-up menu:
In the Dreamweaver document, select the link or image that triggers the pop-up menu.
1
Open the Behaviors panel (Shift+F3), if it isn't already open, then in the Actions list, double-
2
click Show Pop-Up Menu.
The Show Pop-Up Menu dialog box appears.
Make the changes you want to make to the pop-up menu.
3
When you finish modifying the pop-up menu, click OK.
4
For detailed information about setting pop-up menu options, see
on page 393.
Swap Image
The Swap Image action swaps one image for another by changing the
Use this action to create button rollovers and other image effects (including swapping more than
one image at a time). Inserting a rollover image automatically adds a Swap Image behavior to
your page.
Note: Because only the src attribute is affected by this action, you should swap in an image that has
the same dimensions (height and width) as the original. Otherwise, the image you swap in appears
compacted or expanded to fit the original image's dimensions.
To use the Swap Image action:
Select Insert > Image or click the Image button on the Insert bar to insert an image.
1
In the Property inspector, enter a name for the image in the leftmost text box.
2
The Swap Image action still works if you do not name your images; it names unnamed images
automatically when you attach the behavior to an object. However, it is easier to distinguish
images in the Swap Image dialog box if all of the images are named beforehand.
Repeat steps 1 and 2 to insert additional images.
3
Select an object (generally the image you're going to swap) and open the Behaviors panel.
4
Click the Plus (+) button and select Swap Image from the Actions pop-up menu.
5
From the Images list, select the image whose source you want to change.
6
Click Browse to select the new image file, or enter the path and filename of the new image in
7
the Set Source To text box.
Repeat steps 6 and 7 for any additional images you want to change. Use the same Swap Image
8
action for all the images you want to change at once; otherwise, the corresponding Swap Image
Restore action won't restore all of them.
Select the Preload Images option to load the new images into the browser's cache when the page
9
is loaded.
This prevents delays caused by downloading when it is time for the images to appear.
396 Chapter 18: Using JavaScript Behaviors
"Show Pop-Up Menu"
attribute of the
src
tag.
img