CT 310 JavaScript Example 07

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.

flower 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. 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.