Rechercher : dans
Par :

Animation gif au passage de souris

Dernière réponse le 23 jui 2008 à 15:38:17 JCBL, le 23 jui 2008 à 14:27:25 
 Signaler ce message aux modérateurs

Bonjour,
j ai une petite requete qui a du etre un jour aborder mais je n ia pas trouve sur le forum bien qu ayant chercher.
Je possede un Gif animé (réalise a partir d image J) dans une page xhtml que je voudrais activer uniquement quand la souris passe dessus.
J ai trouve des solutions en css ou 1 image statique est decalé ou des applets java qui change l image..
moi je cherche une solution html ou css qui me permet de faire cela (si c est possble cela va de soit)
merci pour votre reponse
JC

Configuration: Windows XP
Firefox 3.0.1

Meilleures réponses pour « animation gif au passage de souris » dans :
Créer une image/perso animé avec Unfreez VoirVoici une petite astuce permettant de faire des animations GIF simplement. Le logiciel Créer une image animée Préparer les images Utilisation du logiciel Le logiciel Unfreez est un logiciel permettant de faire des perso/images...
Insérer un gif animé dans PowerPoint VoirUn gif animé s'insère dans Power Point comme tout autre format graphique (bmp, jpg, ...) Pour ce faire : Ajouter une nouvelle diapositive, pouvant contenir une image. Sélectionner l'item "Insérer une image" Insèrer le fichier GIF. Notez...
Créer une photo avec globe animé avec Gimp VoirSi ce n'est pas déjà fait, téléchargez GIMP, installez le et lancez le. Création de l'image Tester l'animation Enregistrer l'animation Création de l'image Une fois le logiciel lancé, ouvrez le menu fichier puis cliquez sur "ouvrir" et...
Télécharger Ulead GIF Animator VoirPour votre site Web ou vos présentations PowerPoint, vous avez besoin de GIFs animés pour égayer vos pages. Ulead GIF Animator est le programme le plus abouti et le plus abordable en terme de création de GIF animé. L'application permet de créer une...

1

nEm3sis, le 23 jui 2008 à 14:52:50
  • +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'">

Répondre à nEm3sis

2

JCBL, le 23 jui 2008 à 15:24:55

Merci de ta reponse
JCB

Répondre à JCBL

3

 Xil, le 23 jui 2008 à 15:38:17
  • +1

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épondre à Xil