This example shows one way of associating the appearance of different images with how a user positions the mouse on a pgae. This is both a means of building image rollovers and more sophisticated interactions with a user. This example is based upon one developed by Terry Ann Morris.
Roses | |
Daisies |
This example in particular is very dated if one considers how image content is manipulated dynaimcally on a clients browser. Developers today would use more recent techniques and often support provided by Frameworks such as Bootstrap to simplify these operations. Further, thinking image rolloever behavior in particular, this is better handled using JavaScript controls of CSS. All that said, this example remains useful for several reasons. First, the notion of using JavaScript image objects is worth learning. Second, understanding the basic event triggers and associated event hanlders is essential for anyone claiming expertise with JavaScript.