Preloading Images?

Hey,

I am just playing around with the "onMouseOver" event handler using it to swap images and such but I just wondered what the syntax is to preload the images to get rid of the delay on hover?

I know I put it in the head but I am having a blank moment and I don't know how I create it in the head and then how do I referene to it for the source?

I hope that is clear enough to understand.

Thanks!

 

var img = new Image();
img.src = 'http://your.tld/logo.gif';

Code (markup):

This piece of code will load logo.gif.
Try it.

 

Just an addition to that.

For multiple images, you can create an array of "Image()" objects and then set each ones src.