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.