Estilo de Facebook GIF Player & Previewer-gifsee. js
| Autor: | klombomb |
|---|---|
| Views Total: | 1,936 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 17, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
gifsee. js es un pequeño plugin de JavaScript para reproductores GIF que permite reproducir/detener GIFs animados con imágenes de previsualización. Similar a la de Facebook.
Instalación
npm install gifsee
Funcionamiento
Importe la versión minimizada de la biblioteca gifsee. js a la página HTML.
<script src="js/gifsee.js"></script>
No olvide la hoja de estilo principal:
<link rel="stylesheet" href="css/gifsee.min.css">
Inserte el archivo GIF animado en la página web utilizando atributo Data-gifsee. El atributo src original se utiliza para especificar la ruta de acceso a la imagen de vista previa.
<img src="1.png" data-gifsee="1.gif" >
Inicializar el reproductor GIF.
var myimg = new gifsee(document.querySelectorAll('img'));
