Crea fondos dinámicos según los colores de una imagen [jQuery]

jQuery Adaptivve Backgrounds

 

Adaptive Backgrounds es un plugin de jQuery que obtiene el color dominante de una imagen y la aplica como color de fondo a su elemento padre.

El plugin funciona con mínima configuración, solo basta tener el script de jQuery y después el script del plugin y establecer un atributo a todas las imágenes a las cuales desees extraerle el color dominante.

Atributo en las imágenes

img alt="" src="/image.jpg" data-adaptive-background="1"

(no puse los delimitadores porque WordPress interpreta la etiqueta ;) )

 

jQuery

$(document).ready(function(){
  $.adaptiveBackground.run()
});

Y listo, ya tienen el plugin funcionando, un efecto muy agradable y bonito a la vista.

Pueden descargar el plugin y obtener más detalles de su funcionamiento en su repositorio oficial en GitHub.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad