|
Dreamweaver - Swap Image Behavior |
|
Written by Website Tutorials
|
|
Thursday, 25 May 2006 |
|
Swap Image This effect has been called many things, such as Mouseovers, Rollovers, and more. Dreamweaver can accomplish this with the Swap Image behavior.
This can be done quite easily: - Insert an image.
- Select the image (the <img> tag).
- Name the image in the Properties Palette.
- Open the Behaviors Palette.
- Click on the Behaviors Menu and click on 'Swap Image'.
- A dialog box will come up that lists all the images on the page. Make sure the name you gave this image is selected.
- Enter the path or browse for the image to be used when it is moused over.
There are also two checkboxes that ask if you want to Preload images and Restore onMouseout. It is recommend that you check both of these. You can also preload several images at one time by using the Preload Behavior while the <body> tag is selected. If you are using multiple or complex mouseover effects, you can select Restore on Mouseout manually by using the original image as the source and using the onMouseout event. If you've come this far, you should have little trouble using the other Behaviors. |
