Yeh to preload it do something like:
code:
<head>
<script language="JavaScript">
<!--
image1 = new Image();
image1.src = "images/image1.png";
image2 = new Image();
image2.src = "images/image2.png";
//-->
</script>
<style>
</head>
and the html
code:
<a href="page1.html" onmouseover="image1.src='images/image1.png;"
onmouseout="image1.src='images/image1.png;">
<img name="image1" src="images/image1.png" border=0></a>
<a href="page2.html" onmouseover="image2.src='images/image2.png';"
onmouseout="image2.src='images/image2.png;">
<img name="image2" src="images/image1.png" border=0></a>