Comment animer des GIF dans un document HTML?
J'ai les éléments suivants <img> tag dans un document HTML statique.
<img src="foo.gif" alt="This is an animated gif image, but it does not move"/>
Après avoir défini son attribut src pour pointer vers un .gif fichier (c'est-à-dire foo.gif), le GIF apparaît sous la forme d'une image statique (ou immobile). Comment animer le GIF?
Par défaut, le navigateur lit toujours les gifs animés et vous ne pouvez pas modifier ce comportement. Si l'image gif ne s'anime pas, il peut y avoir 2 façons de regarder: quelque chose de mal avec le navigateur, quelque chose de mal avec l'image. Ensuite, pour exclure la première variante, vérifiez simplement l'image de confiance dans votre navigateur (exécutez l'extrait ci-dessous, ce gif est définitivement animé et fonctionne dans tous les navigateurs) .
Votre code semble OK. Pouvez-vous vérifier si cet extrait est animé pour vous?
Si OUI , alors quelque chose ne va pas avec votre gif, si NON quelque chose ne va pas avec votre navigateur.
<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves" width=250/>essayer
<img src="https://cdn.glitch.com/0e4d1ff3-5897-47c5-9711-d026c01539b8%2Fbddfd6e4434f42662b009295c9bab86e.gif?v=1573157191712" alt="this slowpoke moves" width="250" alt="404 image"/>et basculez le src avec votre source. Si l'alt apparaît, essayez une autre URL. Si cela ne fonctionne pas, redémarrez votre ordinateur ou changez de navigateur.