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

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

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

Мир шаблонов » 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 плагин
Публикацию посмотрели 1182 раз(а) и написали 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), то и пример переноса сайта будет приведен относительно этого движка....
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
разделы сайта

последние комментарии
  • Стас2056 25.11.2016
    ВИДЖЕТПАК 3.0 - 150 лучших вид ... (17)
    Стас2056-фото
    Настоящий адекватный ресурс, где админы и пользователи как одна команда! [right][/right]Спасибо!
  • seriy99 25.11.2016
    Factor - Multipurpose Landing ... (2)
    seriy99-фото
    Цитата: face2005
    архив весь битый

    Ничего не может быть бито! Смотря чем вы распаковуете и учитывайте длину - для этого достаточно переименовать папку с архивом шаблона например на 1 - перед тем как распаковуете, чтоб длина символов не влияла на распаковку, так как в архиве много папок и подпапок.
  • DenJo 24.11.2016
    OpenCart шаблон "StoreFlex" (3)
    DenJo-фото
    хороший шаблон, уже успел с ним поработать. layout builder полезная штука и моим клиентам понравились clients categories.
    жду апдейта)
  • face2005 24.11.2016
    Factor - Multipurpose Landing ... (2)
    face2005-фото
    архив весь битый
  • seriy99 21.11.2016
    Megatron - Responsive MultiPur ... (2)
    seriy99-фото
    Цитата: vikula
    А почему вместо Megatron на загрузке шаблон для OpenCart aquacart202 ???

    Исправлено. Megatron v2.2 – Responsive MultiPurpose WordPress Theme
поддержать проект
подписаться на новости
OpenCart
Подписаться на канал RSS Добавить сайт в закладки
популярные публикации
партнеры сайта

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