Swap multiple images

Move your mouse over swap1 and swap2 to see demo.

Swap 1 Swap 2

Ok let's see how can swap more than one images.
For this tutorial you'll need Dream Weaver software.
You'll need three images of same size. Take any image of your choice or Save these images in your hard drive. Size of these images are 151 x 133 pixels.

1. In Dream Weaver insert table with 2 column and 1 row with border 1 as shwon in pic. On the left column of the table insert text Swap 1 and Swap 2. On the right side insert the candle image.

Swap 1 Swap 2

Let's give a name to the image for ease to find it. Click on image to select it. Now in the property inspector panel type desired image name you want to give to the image. I typed candle.



2. Provide link to text Swap 1 in the Property Inspector. You can provide "null" link.
Select the text (swap1) and type javascript:; in link field as shown in pic and press enter.

3. Now click on Behaviors panel and click the Plus sign to add a behavior. (Make sure that text is still selected).
Note: If behaviors panel is not visible on your screen click on Window menu then on Behaviors to open it.

Now click on Swap Image.

4. Now a dialog box will pop open.

Click on "image candle" to select it.
Now click on Browse button to select the image. A dialog box will open up.
Now select the image Rose1 which you've already stored in your hard drive. When you're finished click OK.

Now repeat the same procedure from number 2 to 5 for second text (Swap 2)
(a). Provide link javascript:; to text Swap 2.
(b). Repeat procedure 3-4.
(c). Now browse and select the image Rose2 from your hard drive. And click ok.

Now Save your file or preview in your browser. File - Preview in Browser - iexplore

That's it you are done.