Gif estilo Facebook con jqGifPreview

Descarga : jqGifPreview

Gif estilo Facebook con jqGifPreview, este interesante plugin convierte tus gifs en gifs animados estilo facebook que comunmente es para usar con memes, es decir mostrando una imagen con un círculo de GIF que invita dar clic.

Demostración: https://oscaruhp.github.io/gifFacebook/ 

Para su implementación, solo necesitas hacer lo siguiente:

1.- Incluir jQuery (muy importante para el uso).

<script
  src="https://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>

2.- Incluir los archivos CSS del plugin

<link rel="stylesheet" href="jqGifPreview.css">

3.- Incluir el JS del plugin.

<script src="jqGifPreview.js"></script>
 

4.- Generar la estructura HTML necesaria para el funcionamiento, esta estructura debe de tener 2 imágenes anexadas (1 png que es el preview y 1 gif que es el animado. 

<img class="demo" src="portada.png" 
     data-gif="figanimado.gif">

5.- Crear la conversión con el siguiente script.

$(".demo").jqGifPreview();

Este plugin lo puedes aplicar en tu sitio web por ejemplo de noticias, contenido HTML para difusión o simplemente en algún proyecto web que maneje muchas imágenes GIF, si usas este plugin coméntanos donde lo usaste y si para ti fue complicado usarlo, recuerda compartir este contenido pues nos motiva a actualizar el sitio develoteca.com con más plugins como este.

 
Video en Youtube:

Contenido relacionado: