In the image object there are two important properties that you should know: name and src. Name is simply the name of an image, that is how you refer to it when working with it. The other propery, src or source, determines what image file should be in the image object. One of the most basic things you can do with an image object is called preloading. To preload an image, before it needs to be displayed, use this syntax:
reappear = new Image(100, 75); reappear.src = "golden_cup.gif"; fade = new Image(100, 75); fade.src = "fade.gif";Then onMouseOver and onMouseOut are used in the HREF tag to toggle the images:
onMouseOver = "golden_cup.src = fade.src"; onMouseOut = "golden_cup.src = reappear.src";As you can see, the src of the preloaded image can be set to the src of the main image. In this way the image is displayed instantly. The image object also has its own set of handlers; onAbort, onError, and onLoad. The events that trigger these even handlers were all explained in Meet the New Event Handlers. The syntax for these even handlers looks like this:
imageName.onabort = function imageName.onerror = function imageName.onload = functionThese event handlers can also be placed inside the image tag.