Usage
1. Link to jQuery:
2. Link to miniColors:
3. Include miniColors stylesheet:
4. Apply $([selector]).miniColors() to one or more INPUT elements
Demo
http://labs.abeautifulsite.dev/jquery-miniColors/
Options
disabled [true|false]
readonly [true|false]
Specify options on creation:
$([selector]).miniColors({
optionName: value,
optionName: value,
...
});
Methods
Call a method using: $([selector]).miniColors('methodName', [value]);
disabled [true|false]
readonly [true|false]
value [hex value]
destroy
Events
change(hex, rgb) - called when the color value changes; 'this' will refer to the original input element
Example:
$([selector]).miniColors({
change: function(hex, rgb) { ... }
});
Attribution
- The color picker icon is based on an icon from the amazing Fugue icon set: http://p.yusukekamiyamane.com/
- The gradient image, the hue image, and the math functions are courtesy of the eyecon.co jQuery color picker: http://www.eyecon.ro/colorpicker/