[js] preload immagini: problema di validazione

[marcorm]

Scusa ma non sono proprio praticissimo di js.

ti posto il codice:

 
<script type="text/javascript">
 function menu() {
  image1=new Image();
  image1.src="./menu_1h.gif";
 }
 menu()
</script>

<div id="menu-1">
<a href="#" onmouseover="document.image1.src='./menu_1h.gif';return true" onmouseout="document.image1.src='./menu_1.gif';return true">
[img]./menu_1.gif[/img]
</a>
</div>

come lo cambio?

forse con

 
<script type="text/javascript">
 function menu() {
document.getElementById("image1")=new Image();
document.getElementById("image1").src="./menu_1h.gif";

<div id="menu-1">
<a href="#" onmouseover="document.getElementById("image1").src='./menu_1h.gif';return true" onmouseout="document.getElementById("image1").src='./menu_1.gif';return true">
[img]./menu_1.gif[/img]
</a>
</div>

Ps se ho scritto cose infami, scusatemi