Я использую пользовательский фон для своего слайдера, переопределяя CSS:
.ui-widget-content {background: transparent url(../img/bg.png) no-repeat;}
Поведение ползунка контролируется:
$(document).ready(function() {
$(".myslider5").slider({
animate: "true",
step: 1,
min: -1950,
max: 1950,
value: 0,
slide: function(event, ui) {
// magic happens here
}
});
$(".myslider3").slider({
animate: "true",
step: 1,
min: -1350,
max: 1350,
value: 0,
slide: function(event, ui) {
// magic happens here
}
});
Итак, myslider5
и myslider3
- это два класса. Но их фоновые изображения должны быть разными. Как мне это сделать?