jquery - 每张幻灯片上 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);
}