[js] preload immagini: problema di validazione

[marcorm]

Ciao a tutti.

Ho intenzione di creare un effetto rollover su un menu.
E fin qua niente di strano...

Il mio problema è il preload delle stesse.

Finora ho utilizzato un js del tipo:
image1=new Image();
image1.src="menu_1.gif";

usando nell'html il tag
<img name="image1" /> .

Ora il problema sorge con l'xhtml 1.1 che non ammette name come proprietà di img

Come posso ovviare al problema?

Come far caricare le immagini in cache senza dare un "name" ad img?


Grazie a tutti

[Francis87]

prova a mettere "id" al posto di name e lo richiami con document.getElementById("nomeid")

[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

[br1]

<script type="text/javascript">
image2=new Image();
image2.src="./menu_1h.gif";
image3=new Image();
image3.src="./menu_1.gif";
</script>

<a href="#"
onmouseover="document.getElementById('image1').src =image2.src" onmouseout="document.getElementById('image1').src= image3.src"
>
[img]./menu_1.gif[/img]
</a>

ciao

[marcorm]

Grazie