在每張幻燈片上的bxslider中自定義暫停選項值

Question

我在ul元素上應用了bxslider。但我想爲每張幻燈片有不同的暫停屬性值。

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

內部onSlideBefore或onSlideAfter我想要設定的下一個的暫停值（如果代碼是內部onSlideBefore）或當前幻燈片（如果代碼是內部onSlideAfter），使得每個圖像幻燈片將具有它們自己的轉換值。

以任何方式感謝您的幫助。

Answer 1

我用下面的代碼解決了我的問題。不知道這是否是正確的方式。試試看，如果它可以幫助你。
我在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是應用bxslider的jQuery元素。

onSlideAfter: function(){ 
    $slider.setPause(current image pause in milliseconds); 
}