Macromedia dreamweaver 8-using dreamweaver User Manual
Using the behavior actions that come with Dreamweaver
525
3.
Make the changes you want to make to the pop-up menu.
4.
When you finish modifying the pop-up menu, click OK.
For detailed information about setting pop-up menu options, see
Swap Image
The Swap Image action swaps one image for another by changing the
src
attribute of the
img
tag. 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.
more than one image at a time). Inserting a rollover image automatically adds a Swap Image
behavior to your page.
To use the Swap Image action:
1.
Select Insert > Image or click the Image button on the Insert bar to insert an image.
2.
In the Property inspector, enter a name for the image in the leftmost text box.
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.
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.
3.
Repeat steps 1 and 2 to insert additional images.
4.
Select an object (generally the image you’re going to swap) and open the Behaviors panel.
5.
Click the Plus (+) button and select Swap Image from the Actions pop-up menu.
6.
From the Images list, select the image whose source you want to change.
7.
Click Browse to select the new image file, or enter the path and filename of the new image
in the Set Source To text box.
in the Set Source To text box.
8.
Repeat steps 6 and 7 for any additional images you want to change. Use the same Swap
Image action for all the images you want to change at once; otherwise, the corresponding
Swap Image Restore action won’t restore all of them.
Image action for all the images you want to change at once; otherwise, the corresponding
Swap Image Restore action won’t restore all of them.
9.
Select the Preload Images option to load the new images into the browser’s cache when the
page is loaded.
page is loaded.
This prevents delays caused by downloading when it is time for the images to appear.
NO
TE
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.
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.