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 |
Postscript on this Example: March 2016.
This example in particular is very dated if one considers how image content is manipulated dynaimcally on a clients browser. Modern techniques 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 JavaScrip image objects is worth learning. Second, understanding the basic event triggers and associated event hanlders is essential for anyone claiming expertise with JavaScript.