From df5102cce96ad89d2964bf58f4af5922dd1ec36e Mon Sep 17 00:00:00 2001 From: peterd Date: Fri, 6 Feb 2015 12:34:26 +0100 Subject: [PATCH] More API description --- README.md | 10 +++++----- development/qr.png | Bin 0 -> 6211 bytes index.css | 5 ++++- index.html | 10 ++++++---- 4 files changed, 15 insertions(+), 10 deletions(-) create mode 100644 development/qr.png diff --git a/README.md b/README.md index 779cf92..f9bea14 100644 --- a/README.md +++ b/README.md @@ -36,12 +36,12 @@ ColorPicker({ GPU: true, // use transform: translate3d doRender: true, // manipulate color ans bgColor of input field opacity: true, // enable / disable alpha slider - renderCallback: function($elm, toggled) {}, // this === instance - buidCallback: function($elm) {}, // this === instance + renderCallback: function($elm, toggled) {}, // this === instance; $elm: the input field;toggle === true -> just appeared; false -> opposite; else -> is rendering on pointer move + buidCallback: function($elm) {}, // this === instance; $elm: the UI css: '', // replaces existing css - cssAddon: '', // adds cdd to existing - margin: '', // positioning margin - preventFocus: false // prevent default on focus of input fields + cssAddon: '', // adds css to existing + margin: '', // positioning margin (can also be set in cssAddon) + preventFocus: false // prevents default on focus of input fields }); ``` diff --git a/development/qr.png b/development/qr.png new file mode 100644 index 0000000000000000000000000000000000000000..3f678adc8289ec2f38553e5ae0166c18adbbaed6 GIT binary patch literal 6211 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 literal 0 HcmV?d00001 diff --git a/index.css b/index.css index aed0149..3dddacd 100644 --- a/index.css +++ b/index.css @@ -79,4 +79,7 @@ pre { border: 1px solid #666; border-color: #666 #ccc #ccc #666; background: #aaa; -} \ No newline at end of file +} +.cp-xy-slider:active { /* general */ + cursor:none; +} diff --git a/index.html b/index.html index 6b427fa..2d2016d 100644 --- a/index.html +++ b/index.html @@ -37,7 +37,7 @@ On all elements with className 'color':
$('.color').colorPicker();
- +

Features

Tiny jQuery colorPicker only loads if triggered to show. It uses battery saving technologies and super fast rendering for best performance on desktop and mobile browsers.
This colorPicker is very flexible to modify and customize and there is an easy way to write plugins to extend functionality, look and feel...
@@ -73,9 +73,9 @@ window.myColorPicker = $('input.color').colorPicker({

Will follow... See tinyColorPicke on GitHub for now.

- - - + + +