PB de chargement dimages

Salut a tous!

Le probleme est le suivant
jai le script suivant qui me permet de creer l'évènement onMouseOver

Code:

---

<img name="Image10" src="image1.png" onMouseOver="if(document.images) document.Image10.src='image2';" onMouseOut="if(document.images) document.Image10.src='image1.png';">

---

qui consiste à charger l'image2 apres que
le visiteur est passé le curseur sur l'image1 et recharger l'image1 lors qui enlève le curseur sur l'image2.
Le probleme cest que le chargement de l'image2 met souvant 4 a 5 s la première fois quon passe le curseur sur l'image1 et cela depend le plus souvant de sa taille. Pourtant apres que l'image2 soit charger la premier fois le chargement pour les prochaine fois ne ce fait quen miliseconde.
Alors Jaimerais savoir comment charger ( dans la memoire cache du serveur si je peus dire comme sa) en avance des images dans la memoire cache du serveur tel sorte que par exemple l'image2 du script reste toujour disponible meme quand le visiteur na pas passer le curseur sur l'image1

En fait, le fait que les fois suivantes, l'image se charge immédiatement, c'est qu'elle a déjà été téléchargée dans le cache de ton ordi.

Tu n'a qu'a afficher toutes les images que tu veux precharger dans ta page, au début du body, et ne pas les montrer à l'utilisateur en utilisant

Code:

---

<img src="..." style="display:none;position:absolute;">

---

L'image est alors téléchargée dans le cache

d'accord avec cette solution, tjrs pratique;

sinon, dans le head,

Code:

---

1 2 3 4

<script type="text/javascript"> new Image().src="image2.jpg"; </script>

---

Merci pour vos réponses...............