usar html animation gif animated-gif

usar - gif email html



Deshabilitando la animaciĆ³n GIF en HTML (5)

¿Hay alguna forma, en HTML, de incluir un GIF animado en una etiqueta <img>, pero decirle automáticamente al GIF que no se anime? Me doy cuenta de que el usuario puede detener la animación presionando ESC o haciendo clic en Detener, pero quiero que los GIF no se animen en absoluto.

Solo quiero hacer esto en una página específica, y hacer versiones separadas no animadas de los (1500+) GIF no es factible. Simplemente quiero que los GIF no se animen.



No creo que llamar a window.stop () sea una buena solución. Esto debería ser llamado para cada imagen que se carga para evitar que se ejecute a mitad de camino y se detenga. La mejor solución es usar una biblioteca como GD para crear imágenes con solo el primer cuadro del GIF animado.


Podría usar window.stop() en javascript, que debería ser el equivalente a presionar ESC / clic en detener. Sin embargo, estoy bastante seguro de que no funcionará en todos los navegadores (es decir, IE).


Podrías usar Giffer .

Solo incluye la biblioteca en tu página:

<script type="text/javascript" src="gifffer.min.js"></script>

En lugar de establecer el atributo src en su imagen, use data-gifffer.

<img data-gifffer="image.gif" />

Al final, llama a Gifffer() cuando quieras. Por ejemplo:

window.onload = function() { Gifffer(); }

Si no desea que el GIF se mueva, siempre puede editar el archivo .js para eliminar el botón de reproducción.


Use ImageMagik y podrá convertir fácilmente las 1500 imágenes.