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