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.
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. Other wise, the image you swap in appears compacted or expanded to fit the original image's dimensions.
To use the Swap Image action:
1. Choose Insert > Image or click the Image button in 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.
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 choose 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.
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.
9. Select the Preload Images option to load the new images into the browser's cache when the page is
loaded.
This prevents delays caused by downloading when it is time for the images to appear.
10. Click OK.
11. Check that the default event is the one you want.
If it isn't, choose another event from the pop-up menu. If the events you want are not listed, change
the target broser in the Show Events for pop-up menu.
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. Other wise, the image you swap in appears compacted or expanded to fit the original image's dimensions.
To use the Swap Image action:
1. Choose Insert > Image or click the Image button in 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.
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 choose 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.
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.
9. Select the Preload Images option to load the new images into the browser's cache when the page is
loaded.
This prevents delays caused by downloading when it is time for the images to appear.
10. Click OK.
11. Check that the default event is the one you want.
If it isn't, choose another event from the pop-up menu. If the events you want are not listed, change
the target broser in the Show Events for pop-up menu.
