Image PreLoading

[wolfofthenorth]

I want to change some images on the mouseover event. When the event fires, my pictures are delayed because they have to be downloaded first. I am trying to preload them.

I have included this script in the head tag of my page. But it isn't working. Is this because the images aren't visible until mouseover?

Any help would be greatly appreciated!


<script language="javascript">
var i = new Image(); var j = new Image(); var k = new Image();
var l = new Image(); var m = new Image();
i.src = "images/abouton.bmp"; j.src = "images/homeon.bmp";
k.src = "images/productson.bmp"; l.src = "images/supporton.bmp";
m.src = "images/contacton.bmp";
</script>

[Satishpp]

Check out this excellent page....

It will create the mouseover script for you.

http://javascript.internet.com/generators/preload-images.html

Satish

[wolfofthenorth]

Thanks!