es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

Árboles de Navidad DIY: los 30 más creativos de la historia

Árboles de Navidad DIY: los 30 más creativos de la historia

Hay muchas cosas que agrega a un hogar para que sea más festivo para las fiestas. Las coronas y la decoración adecuada pueden ayudar a traer el espíritu navideño. Aún así, nada marca el tono como un árbol de Navidad . Es muy tarde para comprar un árbol de Navidad ahora, entonces ¿por qué no hacer su propio árbol de Navidad alternativo?Los árbole

(Consejos de tecnología y diseño)

El botón de inicio permite descubrir nuevas aplicaciones con solo un clic

El botón de inicio permite descubrir nuevas aplicaciones con solo un clic

Parece que una nueva startup se lanza todos los días, ya que la industria de la tecnología está en auge y hay muchas herramientas para admitir nuevas empresas en los próximos años.Si te encanta investigar sobre nuevas tecnologías, entonces realmente disfrutarás del botón de inicio. Es una galería abierta y comisariada de nuevas compañías que puedes buscar por fecha y categoría.Pero el ver

(Consejos de tecnología y diseño)