Help! Rollover question

1

Hi there, hope you can help cos this is driving me nuts!

Got some code from this site which allows me to do preload rollovers. Here it is:

<script type = “text/javascript”>
var myImages = new Array (“00home.gif”, “00homeroll.gif”);
var myPreload = new Array ();
for (var i = 0; i < myImages.length; i++ )
{
myPreload[ i ]= new Image();
myPreload[ i ].src = mypics[ i ];
}
function mySwap(s)
{
if ( s == 0 )document.images.HomeBTN.src = “00home.gif”;
if ( s == 1 )document.images.HomeBTN.src = “00homeroll.gif”;
}
</script>

And then my image tag is:

<img border=“0” id=“HomeBTN” src=“00home.gif” width=“80” height=“28” onmouseout=“mySwap(0)” onmouseover=“mySwap(1)” />

This works fine with 1 image but I can’t work out what to do with more images as everything I try doesn’t work. If my ‘about us’ button is next, how do I modify the script above?

Please help!! Thanks alot

2

Why don’t you use css for rollovers? If you want preloads, you can put the over and regular image into one file, this way it gets loaded with the rest of the content.