Incrustar GIF animados como Facebook con jqGifPreview

Twitter y Facebook tienen mucha gente que comparte GIF animados diariamente. Si todo esto se reproduce automáticamente, podría ser espantoso en un feed.

Ambas redes solucionan esto con una función de hacer clic para previsualizar todos los archivos GIF. Esto le permite al usuario elegir qué animaciones quieren ver eligiendo cuándo iniciar / detener la animación.

Con el complemento jqGifPreview, puede llevar esta misma funcionalidad a su sitio web.

Este plugin jQuery gratuito funciona en todos los GIF de la página, o puede dirigirse específicamente a cualquier que desee. Es un recurso fantástico, pero toma un poco de tiempo configurarlo.

Un GIF en pausa es realmente solo un cuadro de la animación, que se muestra en la página.

Lamentablemente, este complemento no extrae automáticamente una imagen estática del GIF . Pero puede lograr esto usando PHP o cualquier otro lenguaje de servidor, de modo que con un poco de código, esto puede ser automatizado.

Este complemento utiliza un atributo data- * para almacenar la ubicación de la imagen GIF . Una vez que el usuario hace clic en la imagen, se cargará automáticamente en el atributo src de la imagen y se mostrará en la pantalla.

¡Simple, efectivo, y definitivamente un efecto limpio! Todo lo que necesita son los archivos CSS / JS para este complemento que puede extraer directamente de GitHub . Y, por supuesto, también necesitará una copia de jQuery .

A partir de ahí, configura su imagen de esta manera:

El atributo src principal debe contener la imagen estática . Puede crear un script para generarlo, o puede editar y cargar manualmente un disparo estático para cada GIF.

El atributo data-gif contiene el GIF animado real y cambiarán al hacer clic si se dirige a la clase de imagen principal (en este caso, es .myImg ). Ahora, todo lo que necesita es una línea de jQuery para que todo funcione:

 $ (".myImg"). jqGifPreview (); 

Definitivamente, uno de los mejores plugins de jQuery que he visto este mes y es bastante fácil de configurar.

Puede obtener más información visitando la página de GitHub y también hay una vista previa de demostración en vivo alojada en el sitio web del desarrollador.

Cómo co-editar publicaciones de WordPress usando Wave

Administrar un blog de varios autores puede ser bastante complicado. Pero, ¿qué ocurre si le hablo de una herramienta con la que puede codirigir publicaciones de blog con otros escritores dentro de WordPress y obtener comentarios sobre su reseña, como si estuviera sentado junto a ellos? ¡Sobre todo, puede obtener esta herramienta totalmente gratis!Int

(Consejos de tecnología y diseño)

40 temas de WordPress de alta calidad para 2017

WordPress es una de las mejores plataformas de creación de sitios web en estos días, que es fácil de usar, potente y ofrece una serie de características útiles. Sin embargo, depende del propietario del sitio web o del desarrollador web decidir entre una variedad de temas de WordPress elegir el que se adapte a sus gustos y necesidades .Si s

(Consejos de tecnología y diseño)