colores a imágenes con jQuery y Colorify.js

DESCARGA : Colorify

Colores a imágenes con jQuery y Colorify.js, interesante plugin que modifica las imágenes y que reemplaza ciertos colores por imágenes referenciadas por el plugin, en la pagina oficial se muestran varios ejemplos donde se usan cuadros de colores donde al pasar el cursor se nota un cambio de color a imagen

Lo más interesante de este plugin es que tiene varias funcionalidades dentro de las que se mencionan la carga en espera (mientras las imágenes se cargan se muestra un cuadro de color). 

Según el sitio el plugin permite manipular los colores predeterminados que se tienen disponible, además de permitir manipular otras opciones del plugin.

1.- Para utilizarlo solo tienes que crear una referencia a los siguientes archivos:


<script src="path/to/colorify.js"></script>
<link rel="stylesheet" href="colorify.css">

2.- Crear las imagenes donde se quiere usar el efecto



<div colorify-main-color>
<img colorify src="image1.jpg">
<img colorify src="image2.jpg">
<img colorify src="image3.jpg">
</div>


3.- Crear las configuraciones necesarias para lograr el efecto deseado


colorify({
container: 'colorify-main-color',
accuracy: 10
});

Para entender un poco sobre la instalación puedes ver el sitio oficial: http://colorify.rocks/index.html#

También para un guía rápida puedes entrar al repositorio de github:https://github.com/LukyVj/Colorify.js

You may also like...

  • Lukyvj

    Hi, thanks for showcasing my library.
    It’s not using jquery tho.