Rookie learns to swap images with Dreamweaver MX 2004 behavior (6)

Dreamweaver

Site original content, reproduced please indicate the source Web page teaching network .

　　Swap images

The Swap image action swaps an image and another image by changing the SRC attribute of the img tag. Use this action to create a button with the mouse over an image and other image effects. Inserting a mouse through an image automatically adds an "swap image" behavior to your page.

Note: Because only the SRC attribute is affected by this action, you should swap an image with the same size (height and width) as the original image. Otherwise.... Try it yourself!

Specific production steps:

1. Select "Insert"-->> "image" to insert an image. Select the image, and in the property inspector, enter a name for the image in the leftmost text box. This example is named: Img1. The following figure:

If you do not name the image, the swap image action will still work, and it is easier to distinguish them in the Swap Images dialog box if you are recommended to name all the inserted images in advance.

2. Select an object (usually the image you will swap) and open the Behaviors panel.

3. Click the plus (+) button and choose Swap Image from the pop-up menu. Eject the Swap Image dialog box as shown below:

4. From the image list, select the source image you want to change.

5. Click Browse to select a new image file, or enter the path and filename of the new image in the set source file as text box.

6. Select the pre-load image option to load a new image into the browser's cache when the page is loaded.

Click OK. Click F12 Preview.

The corresponding code added in the Code view, we can be familiar with:

(larger picture, please pull the scroll bar to watch)