Inserisci questo codice nell'head

codice:
<script type="text/javascript" language="javascript">

var bufferImage = new Array();
function Buffer(filename) {
var i = bufferImage.length;
bufferImage[i] = new Image();
bufferImage[i].src = filename;
}
function vedifoto(filename) {
document.images[Image_Name].src = filename;
}
Image_Name = "showpad";
Buffer("immaginechedevecambiareinquellaeprincipale.jpg");
...
...
ecc..

</script>
dove nel buffer devi metterci le varie immagini che devi caricare per fargliele caricare all'inizio di tutto

imposti in questo modo il link con l'immagine

codice:
<a href="xxxxx.htm" onmouseover="vedifoto('immaginechedevecambiareinquellaprincipale.jpg')" onmouseout="vedifoto('immagineprincipalebase.jpg')>
[img]immaginelink.jpg[/img]
</a>
e imposti così l'immagine principale al centro che dovrà cambiare al passaggio del mouse sull'immagine del link

codice:
[img]desc_princ.png[/img]