Tiny Colorpicker, selector de color redondo con jQuery



Tiny Colorpicker, selector de color redondo con jQuery, es una librería que se implementa para mostrar un selectores de color a los formularios o interfaz de usuario, lo interesante de este plugin es que puedes seleccionar el color de un logo obteniendo los colores del mismo logo, la implementación puedes hacerla creando la referencia adecuada al div requerido.
En la siguiente dirección puedes encontrarte un ejemplo: http://baijs.com/tinycolorpicker/ en donde se muestran ejemplos con este plugin, la manera de usar es la siguiente:

1.- Incluir las referencias de la librería


<link rel="stylesheet" href="tinycolorpicker.css" type="text/css" media="screen"/>

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js">

<script src="jquery.tinycolorpicker.js"></script>

 

2.- Incluir el código para la creación del picker



<div id="colorPicker">
<a class="color">
<div class="colorInner"></div>

</a>

<div class="track"></div>


<ul class="dropdown">
<li></li>
</ul>

<input type="hidden" class="colorInput"/>
</div>


3.- Incluir el script que convertirá tú código en el picker que deseas


$(document).ready(function()
{
var $box = $('#colorPicker');
$box.tinycolorpicker();
});

 

You may also like...