Личные сообщения

Ваши переписки

Логотип сайта
главная правила форум опубликовать полезные сервисы услуги
вход или регистрация обратная связь

Мир шаблонов » WEB Разное » Color Picker (цветовая палитра цветов) – JQuery плагин
0

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

19-06-2013, 11:23 - seriy99 (WEB Разное)
Color Picker (цветовая палитра цветов) – JQuery плагин


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

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

Итак рассмотрим, как его добавить на сайт и чем примечателен этот JQuery плагин.

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

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

<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>


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

$('input').ColorPicker(options);


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

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

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

Источник: http://www.eyecon.ro/colorpicker/




Поделиться: Понравилась новость? Расскажи друзьям. Поблагодари проект!


Уважаемый посетитель нашего сайта! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!

Тегиjquery плагин
Публикацию посмотрели 1244 раз(а) и написали 0 комментариев.

Похожие публикации

 ColorMania - Advanced Color Picker Utility 
Colormania is an advanced color picker utility, especially created for web-designers, graphic artists and application developers. Colormania является очень удобным инструментом, созданным специально для веб-дизайнеров, художников-графиков и...
 Слайдер для DLE без модов 
Многие из Вас знаю о существовании в DLE тега {custom}, но почти никто его не использует, а зря. Из этой статьи вы узнаете, как с помощью этого тега и правки лишь шаблона сделать полноценный слайдер....
 WordPress import YouTube videos 
Плагин импорта видео с YouTube в WordPress...
 Как создать страницу на Facebook для своего сайта 
На сегодняшний день популярность Facebook растет у нас и в странах СНГ. Так, давайте же уже сейчас застолбим себе страничку и будем привлекать трафик на свой сайт с помощью Facebook....
 Как перенести сайт DLE с локального сервера на хостинг 
После тестирования и настройки сайта, шаблона на Денвере, встает вопрос о переносе его на хостинг. Так как для создания сайта рассматривается CMS система DataLife Engine (DLE), то и пример переноса сайта будет приведен относительно этого движка....
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
разделы сайта

последние комментарии
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

рекомендуем
Hosting Ukraine
© 2013-2016 mirshablonov.com