January 21, 2006

January 06 Meeting - Image object

The Image object is one of the more useful objects in JavaScript because it gives you the ability to manipulate any image within your web page. What we covered today in creating dynamic "roll-over" effects are just part of what you can do with image objects.

Our final script consisted of 3 parts:
1) image preloading with image references
2) functions to dynamically switch any image using eval()
3) onMouseOver and onMouseOut event handlers passing image name

When trying to re-creating these scripts yourself, write your code in steps to help you understand each section and help reduce your chance of errors.

Here is a video (.zip) covering the basics of what we covered today, narrated by Dori Smith.