JQuery: Color Picker
Publicado por 4ng3r (6 intervenciones) el 12/01/2011 17:02:11
Introducción
Dando vueltas por un foro me recomendaron un plugin bastante atractivo para desplegar una paleta de colores bastante amigable al usuario usuario su nombre es Color Picker, esta escrita para JQuery y su integración es bastante sencilla como veremos a continuación. Su pagina oficial es http://www.eyecon.ro/colorpicker/ y podrán encontrar una descripción detallada del plugin, con su respectiva documentación y con algunos ejemplos de implementación.
Contenido
Color Picker es un selector de colores que maneja tres formatos de codificación RGB, HSB y Hexadecimal, cuando insertamos el plug a alguna etiqueta del HTML por medio de los selectores de jQuery, este nos desplegara un interfaz intuitiva utilizada en varios editores de imágenes o herramientas semejantes.
Implementación
Para implementar el plug, debemos llamar los siguientes códigos js y css
<link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
<script src="jquery.js"></script>
Invocación
Como he comentado en artículos anteriores, la invocación de este plug se hace por medio de un selector, de la siguiente forma:
$('mi selector').ColorPicker(options);
Ejemplo
Para aterrizar mejor el uso del plug, daré un ejemplo claro y conciso del manejo de este recurso.
Ver Ejemplo: http://comunidadcodificada.com/portal/codigo/JQuery/jQuery_ColorPicker.html
Fuente: http://comunidadcodificada.com/portal/index.php/archives/205
Dando vueltas por un foro me recomendaron un plugin bastante atractivo para desplegar una paleta de colores bastante amigable al usuario usuario su nombre es Color Picker, esta escrita para JQuery y su integración es bastante sencilla como veremos a continuación. Su pagina oficial es http://www.eyecon.ro/colorpicker/ y podrán encontrar una descripción detallada del plugin, con su respectiva documentación y con algunos ejemplos de implementación.
Contenido
Color Picker es un selector de colores que maneja tres formatos de codificación RGB, HSB y Hexadecimal, cuando insertamos el plug a alguna etiqueta del HTML por medio de los selectores de jQuery, este nos desplegara un interfaz intuitiva utilizada en varios editores de imágenes o herramientas semejantes.
Implementación
Para implementar el plug, debemos llamar los siguientes códigos js y css
<link href="css/colorpicker.css" type="text/css" rel="stylesheet"></link>
<script src="jquery.js"></script>
Invocación
Como he comentado en artículos anteriores, la invocación de este plug se hace por medio de un selector, de la siguiente forma:
$('mi selector').ColorPicker(options);
Ejemplo
Para aterrizar mejor el uso del plug, daré un ejemplo claro y conciso del manejo de este recurso.
Ver Ejemplo: http://comunidadcodificada.com/portal/codigo/JQuery/jQuery_ColorPicker.html
Fuente: http://comunidadcodificada.com/portal/index.php/archives/205
Valora esta pregunta
0