• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Image Rollovers

Image rollovers let you create the illusion of animation by stacking two images on top of one another, so that when the user mouses over an image, another image of the same size and shape appears. This is how button “highlighting” (Figure 7.4) and other, similar image tricks happen. (You can perform much more complex rollover tricks, which are described in Chapter 16, but the simple rollovers are easy to learn and build and are a good place to start using this technique.)

Figure 7.4. One common use of image rollovers is a set of buttons that “light up” when they're moused over. Toolbars like this are common on Web pages, and Dreamweaver's Insert bar and Assets panel also use image rollovers to make buttons appear “pushed in” or “lit up.”



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint