Как изменить внешний вид ползунка jQueryUI?

0

Мне нужна панель слайдов для моей веб-страницы. Вот как ползунок jQuery, представленный в www.jqueryui.com/slider/, выглядит так:

Изображение 174551

Согласитесь, что он выглядит уродливым.

Итак, предположим, что я сделал два PNG файла в Photoshop, один для панели и один для дескриптора. Есть ли способ перепроектировать этот серый монотонный слайдер с моими потрясающими изображениями?

Если у вас есть другая полезная рекомендация ползунка, отличная от jQuery, это также приветствуется.

Заранее спасибо.

Теги:

1 ответ

3
Лучший ответ

Вот ссылка на страницу API

Существует абзац, который объясняет:

Тематизация

Виджет слайдера использует фреймворк jQuery UI CSS для стилизации его внешнего вида. Если требуется конкретный стиль слайдера, можно использовать следующие имена классов CSS:

ui-slider: дорожка слайдера. Этот элемент дополнительно будет иметь имя класса ui-slider-horizontal или ui-slider-vertical зависимости от ориентации ползунка. ui-slider-handle: Ручки ползунка. ui-slider-range: выбранный диапазон, используемый при настройке диапазона. Этот элемент может дополнительно иметь класс ui-slider-range-min или ui-slider-range-max если для параметра диапазона установлено значение "min" или "max" соответственно.

Как вы просили в комментариях пример Fiddle

Поделиться
  • 0
    CSS-стилизация может быть полезной, но я искал способ использовать конкретное «изображение» для моего слайдера.
  • 0
    Они используют изображения в качестве фона, поэтому вы сможете заменить их. Я сделал этот трюк с парой виджетов JqueryUI.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню