1. In the Files panel, switch to the Dreamweaver Bible working site previously created.
2. Go to Techniques\12_Behaviors and open the file behaviors_start.htm.
3. Select the text Living Room beneath the picture.
4. In the Link field of the Property inspector, enter javascript:; to create a link.
5. Choose Window ??? Behaviors to open the Behaviors panel.
6. In the Behaviors panel, click Add (+) and select Swap Image.
7. When the Swap Image dialog box opens, set the following parameters:
n Select Browse and choose apt_view1.jpg from the Techniques/images folder.
n Uncheck the Restore Images onMouseOut option.
8. Click OK when you??™re done. Note that the behavior has been added to the Behaviors panel with
the default event, onMouseOver.
9. Select the text Kitchen North and repeat steps 4??“8, selecting apt_view2.jpg as the file to
show in the Swap Image behavior dialog.
10. Select the text Kitchen South and repeat steps 4??“8, selecting apt_view3.jpg as the file to
show in the Swap Image behavior dialog.
11. Save your page.
When you??™re done, each of the three links underneath the picture will have its own behavior; test
the page in a browser to verify that the images change when your mouse rolls over the different links.
Incorporating Behaviors
Managing events
Every time Dreamweaver attaches a behavior to a tag, it inserts an event for you.
Pages:
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792