пользовательское значение параметра паузы в bxslider на каждом слайде

Я применил bxslider к элементу ul. Но я хочу иметь разные значения атрибута паузы для каждого слайда.

slider = $('.bxslider').bxSlider({
    speed:500,
    pause:5000,
    onSlideBefore: function(){
    },
    onSlideAfter: function(){
    }
});

Внутри onSlideBefore или onSlideAfter я хочу установить значение паузы для следующего (если код находится внутри onSlideBefore) или текущего слайда (если код находится внутри onSlideAfter), чтобы каждый слайд изображения имел свое собственное значение перехода.

Цените вашу помощь в любом случае.


jquery bxslider
person Riddhi Shah    schedule 04.12.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я решил свою проблему с помощью кода ниже. Не уверен, что это правильный способ сделать это. Попробуйте, если это вам поможет.
Я добавил новый общедоступный метод внутри jquery.bxslider.min.js, как показано ниже.

n.setPause = function (t) {
    if(s.settings.auto){
        clearInterval(s.interval);
        s.interval = setInterval(function () {
        s.settings.autoDirection=="next"?n.goToNextSlide() : n.goToPrevSlide()}, t)
    }
};

где t — миллисекунды для каждого отдельного слайда изображения.

В моем JSP я добавил функцию onSlideAfter, где $slider — это элемент jQuery, к которому применяется bxslider.

onSlideAfter: function(){
    $slider.setPause(current image pause in milliseconds);
}
person Riddhi Shah    schedule 05.12.2012