codice:
<head>
<script ...>
// lista nomi delle immagini
var imm_n = new Array("images/menu_hp_no.png", "...");

var imm_o = new Array(); // oggetto immagini precaricate
for(var i=0; i<imm_n.length; i++) { // precaricamento
  imm_o[i] = new Image();
  imm_o[i].src = imm_n[i];
}
</script>
</head>
<body ...>
....
<a href="prodotti.htm" 
onmouseover="document.images['menu_prodotti_no'].src = imm_o[3].src;" 
onMouseOut="document.images['menu_prodotti_no'].src = imm_o[2].src;">
[img]images/menu_prodotti_no.png[/img]
</a>

....
Ho inserito degli acapo che probabilmente al browser non piaceranno, ma servono per chiarezza.

Prova cosi`.

Ciao
Michele