Discussion :

[Carpariath]

Bonjour à tous!
Pour simplifier le probleme j'aimerais activer la lecture (ou relecture) d'un gif animé qui ne tourne pas en boucle au passage de la souris sur celui-ci.
Ca n'est pas le hover qui me pose problème mais bien le gif animé!
En effet, les navigateurs (tous?) chargent le gif en cache, et ne le lisent qu'une fois. Ainsi, au passage du curseur de la souris, seule la dernière image du gif animé s'affiche.
J'aimerais bien savoir comment, sans JS si possible, s'il y avait un moyen de procéder à cette relecture du gif!

[mdr_cedrick]

A ma connaissance dans un logiciel de création de gif animé il est possible de paramétrer si l'on veut une seule boucle ou à l'infini
c'est peut-être de ce côté qu'il faudrait regarder

[Carpariath]

Non je ne veux pas de boucle, seulement une lecture (cf plus haut), mais une lecture qui se déclencherait à nouveau lors d'un certain évènement (passage de la souris sur le div)

[Halleck]

Pas à ma connaissance, et ça parait encore moins possible sans JS. Pourquoi pas en flash (et pourquoi pas de js ? C'est lu de loin par une très très très large majorité de navigateurs, comme le flash) ?

Il est en effet possible de définir la lecture du gif (unique / boucle), mais pas plus.

[mdr_cedrick]

je n'ai pas testé mais il est peut-être possible de faire quelque chose dans ce genre :
tu mets une image fixe en background de ton lien
et en css tu fais quelque chose dans ce genre

Code :

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

1
2
3
4
5
6
7
8
a
{
   background-image:.... /*ton image fixe*/
}
a:hover
{
   background-image:.... /*ton gif animé*/
}

je ne garantie pas que ça fonctionne mais c'est à essayer

[Halleck]

je n'ai pas testé mais il est peut-être possible de faire quelque chose dans ce genre :
tu mets une image fixe en background de ton lien
et en css tu fais quelque chose dans ce genre

Code :

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

1
2
3
4
5
6
7
8
a
{
   background-image:.... /*ton image fixe*/
}
a:hover
{
   background-image:.... /*ton gif animé*/
}

je ne garantie pas que ça fonctionne mais c'est à essayer

Justement, c'est ce que Carpariath dit dans son premier message : le gif est chargé dans la page et en cache. Quand on fait un hover l'image n'est pas rechargée, donc seule la dernière image du gif apparait...