Фон виджета слайдера jQuery - динамически изменяйте - PullRequest
0 голосов
/ 03 мая 2010

Я использую пользовательский фон для своего слайдера, переопределяя 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 - это два класса. Но их фоновые изображения должны быть разными. Как мне это сделать?

Ответы [ 2 ]

2 голосов
/ 03 мая 2010

ОБНОВЛЕНИЕ:

ДЕМО http://jsbin.com/itivu3

ИСТОЧНИК http://jsbin.com/itivu3/edit

ПРИМЕЧАНИЕ: с учетом того, что вы спросили, change image dynamically on slide!!!

0 голосов
/ 03 мая 2010

Я понял это. По какой-то причине предложение aSeptik не сработало. Его нужно было настроить в разделе CSS, а не в JS.

.myslider5.ui-widget-content {background: transparent url(../img/slider5.png);}
.myslider3.ui-widget-content {background: transparent url(../img/slider3.png);}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...