Plugin para implementar color con jquery (jquery.swatches)

Descarga : jQuery swatches

El plugin para implementar color, permite agregar divs con diferentes tipos de colores, plugin que se puede usar en algun portafolio, en alguna aplicación que tenga objetos que tengan diferentes colores entre otras aplicaciones.

Sitio para ver demostración: http://maxmackie.com/jquery.swatches/

Cuando quieres presentar una colección de colores siempre recurres a tener que crear divs o spans o elementos html con fondo de color o imágenes pre cargadas y es muy natural que puedas generar muchas formas de presentar dicha información, sin embargo hay plugins que ayudan a crear estos esquemas y que tienen scripts ya preparados para en listar colores, tal es el caso de jquery.swatches que es un plugin de jquery que puede mostrar en una barra horizontal ciertos elementos que estén en un elemento html (div) agregando atributos como data-color, podemos ver un ejemplo de como usarlo con el siguiente script:

</span>
<pre>
<div data-name="Buried at the Beach" data-colors="#886655,#DD9977,#EECCAA,#EEEEEE,#CC99CC"></div>

posteriormente tienes que llamara a este plugin de la siguiente forma

$('.swatch').swatchify();

y cuando se termine tendrás algo como esto:

¿Interesante no ?

Contenido relacionado: