In fact, JavaScript
requires that an image include a link before it can detect when a user??™s pointer moves over it. Dreamweaver
automatically includes the minimum link necessary: the # link. Although JavaScript recognizes this symbol
as indicating a link, no action is taken if the image is clicked by the user; the #, by itself, is an empty link.
You can supply whatever link you want in the Rollover Image object.
Some browsers link to the top of the page when they encounter a # link. If you want to create
a rollover image that doesn??™t link anywhere, change the # to the following:
javascript:;
You can change this directly in Code view, or in the Link field of the Property inspector for the button.
To include a Rollover Image object in your Web page, follow these steps:
1. Place your cursor where you want the rollover image to appear and choose Insert ??? Image
Objects ??? Rollover Image, or select Rollover Image from the Images menu on the Insert bar??™s
Common category. You can also drag the Rollover Image button to any existing location on the
Web page. Dreamweaver opens the Insert Rollover Image dialog box shown in Figure 9-20.
FIGURE 9-20
The Rollover Image object makes rollover graphics quick and easy.
TIP TIP
CAUTION CAUTION
332
Designing and Crafting Core Pages Part II
2.
Pages:
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681