preloading really simple rollovers [Archive]

quadrant6

09-24-2002, 03:30 AM

I have these rollovers:

</tr>
<tr height=22>

<td><a href="sdfsd.com" onmouseover="document.mg.src='images/mgover.gif'" onmouseout="document.mg.src='images/mg.gif'"><img src="images/mg.gif" name="mg" width=121 height=22 border=0></a></td>

<td><a href="sdfsd.com" onmouseover="document.cg.src='images/cgover.gif'" onmouseout="document.cg.src='images/cg.gif'"><img src="images/cg.gif" name="cg" width=107 height=22 border=0></a></td>

<td><a href="sdfsd.com" onmouseover="document.mj.src='images/mjover.gif'" onmouseout="document.mj.src='images/mj.gif'"><img src="images/mj.gif" name="mj" width=104 height=22 border=0></a></td>

<td><a href="sdfsd.com" onmouseover="document.rt.src='images/rtover.gif'" onmouseout="document.rt.src='images/rt.gif'"><img src="images/rt.gif" name="rt" width=124 height=22 border=0></a></td>

<td><a href="sdfsd.com" onmouseover="document.it.src='images/itover.gif'" onmouseout="document.it.src='images/it.gif'"><img src="images/it.gif" name="it" width=127 height=22 border=0></a></td>

<td><a href="sdfsd.com" onmouseover="document.tz.src='images/tzover.gif'" onmouseout="document.tz.src='images/tz.gif'"><img src="images/tz.gif" name="tz" width=77 height=22 border=0></a></td>

</tr>

i like doing it that way since i'm new to javascript and it's simple code. The thing is that the overState images don't start to load until you mouse over. Not a good thing :mad: i see this all the time and it's of course worse on a 56k but it looks really crap.

So is there a really simple way to preload them? i noticed a tut but it's method didn't work on older browsers so i did'nt bother

suggestions please?

glenngv

09-24-2002, 03:56 AM

<head>
<script language=javascript>
//pre-load images
var arrImgs = new Array("mgover.gif","mg.gif","cgover.gif","cg.gif");//add more images here
var img = new Array();
for (var i=0;i<arrImgs.length;i++){
img[i] = new Image();
img[i].src = arrImgs[i];
}
</script>
</head>

quadrant6

09-24-2002, 06:14 AM

cheers. :thumbsup: