Rollower sur l'image de fond d'une Div

Bonjour,

Je voudrais faire un rollover sur le background d'une div:
au debut le fond de la div est vide (transparent)
et ou passage de la souris sur la div, il faudrait qu'une image s'affiche.
Au retrait de la souris l'image devrait disparaitre.

C'est possible un truc comme ça ?

Merci de votre aide

Code:

---

1 2 3

<div id="mondiv" style="width:100px;height:100px;" onmouseover="chargeFond();" onmouseout="suppFond();"> Mon texte </div>

---

Code:

---

1 2 3 4 5 6 7 8 9

<script language="javascript"> function chargeFond(){ document.getElementById('mondiv').style.background = "url(adressedetonimage)"; }   function suppFond(){ document.getElementById('mondiv').style.background = "none"; } </script>

---

Merci,
:D

Rapide et efficace, par contre un petit pb:
l'image est un gif de type zoom 1 seule cycle, qui doit s'effectuer une seule fois.
Cette div c'est un tableau de liens et quand je me déplace dessus, l'image se recharge.
C'est possible de corriger ça, une seule animation ?