Color Picker (цветовая палитра цветов) - JQuery плагин | Vladmaxi.net
ГлавнаяВеб-разработчикуJQueryColor Picker (цветовая палитра цветов) – JQuery плагин
Дата: 13.06.2013 в 17:01 | Просмотров: 7563

Color Picker (цветовая палитра цветов) – JQuery плагин

color picker, цветовая палитра цветов
Скачатьбесплатно с сервера
Демодемонстрация

Сегодня рад представить Вам простой блок Color Picker для выбора цвета. В него встроено все, что необходимо для удобного просмотра цветов, с кодами для вставки. Цветовая палитра цветов практически такая же, как и в программе Adobe Photoshop. Также смотрите набор элементов интерфейса для сайта.

Данный блок думаю будет очень полезен, особенно для случаев, когда Вам необходимо встроить его себе на сайт. Работает этот блок Color Picker с помощью Javascript. Итак рассмотрим, как его добавить на сайт и чем примечателен этот JQuery плагин.

Работа с кодом

В первую очередь нам необходимо подключить Javascript и CSS файлы. Не забудьте редактировать CSS файл и исправить пути к изображениям (если это необходимо), в соответствии с темой Вашего сайта.

Теперь все, что остается сделать, так это только вызвать плагин. Делаем это с помощью:

Настройки плагина

Пользовательские настройки плагина (необязательны).

  • eventName – желаемое события, для вызова функции выбора цвета, по умолчанию: “щелчок”.
  • color – цвет по умолчанию. Строка для HEX цвета или хэш для RGB и HSB ({r:255, r:0, b:0}), по умолчанию: “FF0000″.
  • flat – вывести блок выбора цвета сразу или только по клику, значение по умолчанию false.
  • livePreview – по умолчанию true.
  • onShow – функция обратного вызова срабатывает, когда показан блок выбора цвета.
  • onBeforeShow – функция обратного вызова срабатывает до того, как был показан блок выбора цвета.
  • onHide – функция обратного вызова срабатывает, когда блок выбора цвета скрыт.
  • onChange – функция обратного вызова срабатывает при изменении цвета.
  • onSubmit – функция обратного вызова срабатывает, когда выбираем цвет.

Надеюсь Вам понравился этот плагин. Желаю успехов и развития Вашему сайту! :)


Данный урок подготовлен для вас командой сайта vladmaxi.net
Источник урока: http://www.eyecon.ro/colorpicker/
Перевел: Владислав Бондаренко


Добавить комментарий