Javascript Bxslider设置不同的侧暂停长度挂起在页面上_Javascript_Jquery_Bxslider

Javascript Bxslider设置不同的侧暂停长度挂起在页面上

javascript jquery

Javascript Bxslider设置不同的侧暂停长度挂起在页面上,javascript,jquery,bxslider,Javascript,Jquery,Bxslider,我希望解决bxslider关于为每张幻灯片设置不同暂停长度的问题。我最初采用了这个解决方案，它在5到6张幻灯片上效果很好，但在旁白超过10-15张后，微调器现在就挂起了：以下是我基于上述示例使用的滑块代码： <script> $(document).ready(function(e) { var ImagePauses = [15000,15000,15000,15000,15000,15000,15000,10000,10000,10000,10000,10000,10

我希望解决bxslider关于为每张幻灯片设置不同暂停长度的问题。我最初采用了这个解决方案，它在5到6张幻灯片上效果很好，但在旁白超过10-15张后，微调器现在就挂起了：

以下是我基于上述示例使用的滑块代码：

<script>
$(document).ready(function(e) {
    var ImagePauses = [15000,15000,15000,15000,15000,15000,15000,10000,10000,10000,10000,10000,10000,5000,5000,5000,5000,5000,5000,5000];

    var slider = $('.bxslider').bxSlider();
    modifyDelay(0);

    function modifyDelay(startSlide){
        slider.reloadSlider({
            mode: 'horizontal',
            //infiniteLoop: true,
            auto: true,
            autoStart: true,
            autoDirection: 'next',
            autoHover: true,
            pause: ImagePauses[startSlide],
            autoControls: false,
            pager: true,
            pagerType: 'full',
            controls: true,
            //captions: true,
            //speed: 500,
            startSlide: startSlide,
            onSlideAfter: function($el,oldIndex, newIndex){
                modifyDelay(newIndex);  
            } 
        });
    }
});
</script>


$（文档）.ready（函数（e）{
var ImagePauses=[150001500015000150001500015000150001000010000100001000010000100001000010000500050005000500050005000]；
变量滑块=$（'.bxslider'）.bxslider（）；
修改延迟（0）；
功能修改延迟（startSlide）{
slider.reloadSlider({
模式：“水平”，
//无穷远：没错，
是的，
自动启动：对，
自动方向：“下一步”，
自动悬停：正确，
暂停：图像暂停[开始滑动]，
自动控制：错误，
寻呼机：是的，
pagerType:“已满”，
控制：对，
//标题：对，
//速度:500,，
startSlide:startSlide，
onSlideAfter:函数（$el、oldIndex、newIndex）{
modifyDelay（newIndex）；
} 
});
}
});

我遗漏了什么引人注目的东西吗？谢谢。

更新似乎bxSlider的定制自动功能涉及更多内容。我意识到，如果使用了

auto

选项，则不需要

setTimeout（）

、

goToNextSlide（）

和

goToSlide（）

方法

我创建了3个对象文本，每个代表一个bxSlider选项。当下一组间隔开始时，

switch（）

将使用下一组bxSlider选项调用

reloadSlider（）

方法

古老的我们可以通过使用回调函数

onSlideAfter

控制滑动间隔的延迟，调用回调函数

bxDelay（）

使用

setTimeout

和方法

goToNextSlide（）

。详细信息在源代码中进行了注释

一小条

.as-console.as-console*{
背景：橙色；
颜色：黑色；
}


bxArraySourcePauseInterval
img{
显示：块；
保证金：0自动；
}












$（函数（）{
var计数=0；
变量cfg0={
是的，
暂停：3000，
自动启动：对，
自动悬停：正确，
onSlideAfter:bxDelay
}
变量cfg1={
是的，
暂停：2000年，
自动启动：对，
自动悬停：正确，
onSlideAfter:bxDelay
}
变量cfg2={
是的，
暂停：1000，
自动启动：对，
自动悬停：正确，
onSlideAfter:bxDelay
}
var bx=$（'.bx'）.bxSlider（cfg0）；
函数bxDelay（$obj、from、to）{
计数++；
开关（计数）{
案例8：
bx.重新加载滑块（cfg1）；
打破
案例15：
bx.重新加载滑块（cfg2）；
打破
案例22：
bx.重新加载滑块（cfg0）；
计数=0；
打破
违约：
打破
}
log（'Count:'+Count）；
}
});