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

This site uses Akismet to reduce spam. Learn how your comment data is processed.