Jquery UI Slider, проблемы с изображением слайдера

У меня возникла следующая проблема:
я взял пример слайдера с веб-сайта Jquery UI (отсюда: http://jqueryui.com/demos/slider/side-scroll.html), и мне нужно изменить его, чтобы ручка ползунка отображала другую графику, но я не могу понять проявить себя должным образом.

Это должно быть таким же простым, как указать свойство background: в ".scroll-bar-wrap .ui-slider-handle" на мое изображение, или, по крайней мере, я так думал. Функциональность работает правильно, и щелчок в общей области полосы прокрутки и перемещение влево и вправо заставят все прокручиваться нормально. Проблема в том, что, что бы я ни пытался, я не могу получить какое-либо изображение (или CSS properties, если на то пошло) для отображения полосы прокрутки и ее ручки!

Вот каталог с макетом, с которым я работал: Редактировать: Ну, это смущает, я разместил плохую страницу. Подробнее ниже.

Я искал потоки пользовательского интерфейса jquery Stack Overflow и вообще гуглил, но, похоже, не нашел решения. На данный момент я думаю, что это какая-то простая штука CSS, которая меня бесит и делает дескриптор невидимым, но оставляет нетронутой функциональность. Пожалуйста, что я делаю не так?

Редактировать: Хорошо, я извиняюсь за публикацию ссылки на страницу, которая не показывала правильный макет. Извините за потраченное время.


person user1660267    schedule 21.09.2012    source источник


Ответы (1)


Попробуйте переопределить этот класс в вашем файле css. Проверьте, работает ли это.

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:green url(slider.png) 50% 50% repeat-x !important;
}​
person Sushanth --    schedule 21.09.2012