Precaricamento imagini menu nel Tempalte

[aleteck]

Salve, ho realizzato un menu HTML molto semplice basato su un mouseover che carica delle png. Il menu si trova nella sezione

del template.
Per evitare il fastidioso tempo di caricamento, che rende il menu scattoso e non pronto al primo passaggio del mouse, volevo precaricare le immagini al primo rendering della pagina. In rete ho trovato un piccolo script java, ma non essendo un esperto in "codice" ho difficolta a capire in che parte del codice devo inserirolo.
Lo script esempio e' il segunete, ho provato ad inserirlo nell' HEADER del tempalte:

<script language=javascript>
var imgOver1=new Image(), imgOut1=new Image();
imgOver1.src="images/stories/menu/home_over.png";
imgOut1.src="images/stories/menu/home.png";
</script>

E nel menu HTML presente nell'area

del tempalte inserisco:

<p><a href="index.php"><img class="b1" src="images/stories/menu/home.png" border="0" onmouseover="this.src='imgOver1.src';" onmouseout="this.src='imgOut1.src';" style="border: 0pt none;" />[/url]</p>


Dove sbaglio?
Grazie in anticipo a tutti

[mau_develop]

Per evitare il fastidioso tempo di caricamento,
------------------------------------------------------------

in che senso?... se usi immagini da 1 mega forse, se usi immagini da 5/10 kb non credo e se lo fa il motivo è un'altro...

perchè sei andato ad aggiungere cose (mouseover) che fa tranquillamente qualsiasi css

M.

[aleteck]

Ho creato un menu le immagini non sono enormi pochi K, ma con una connesione lenta, esempio un telefonino, il tempo di attesa c'e', e vorrei evitarlo.
Per quanto riguarda il css, non ho trovato un menu free bellino ed ho deciso di realizzarlo in htmll