|
|
|
|
Configuration: Windows XP Firefox 3.0.1
tu fais une image animé et une image non animé qui ne contient que la première image (de l'animation)
après suffit de faire <img src="imagen non animé.gif" onmouseover="this.src='image animée.gif'" onmouseout="this.src='image non animée.gif'"> |
Merci de ta reponse
JCB |
Juste pour information, il est aussi possible de le faire en CSS :
<style>
.hovergif {
background: url(images/image_statique.gif) no-repeat;
height: Xpx;
width: Ypx;
}
.hovergif:hover {
background: url(images/image_animee.gif) no-repeat;
}
</style>
(...)
<a class="hovergif"></a>
(J'utilise une balise lien, car IE6 ne comprend pas la proprété :hover sur autre chose que les liens.) |
Résultats pour animation gif au passage de souris
Résultats pour animation gif au passage de souris
Résultats pour animation gif au passage de souris
Résultats pour animation gif au passage de souris
Résultats pour animation gif au passage de souris
Résultats pour animation gif au passage de souris