Discussion :

[Galaad]

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

[Bisûnûrs]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Galaad]

Merci,


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 ?