BJQS滑动条停止

4

有人知道如何在单击自定义按钮后停止BJQS(Basic jQuery Slider)滑块的功能吗?当然,在单击自定义启动按钮后,如何使其重新运行。

2个回答

0

我也遇到了同样的问题。但是,我找到了 settings.automatic = false; 选项来防止幻灯片自动滑动。然后,我在默认变量中声明了一个变量 stop: false,并在 init function 中进行检查:

var init = function() {
    if ( settings.stop ) {
       settings.automatic = false;
    }
    ...
}

因此,在我的调用函数中,我只需调用:

$('#banner-slide').bjqs({
    animtype      : 'slide',
    height        : 357,
    width         : 631,
    responsive    : false,
    randomstart   : false,
    stop      : true
});

如果您确实让它工作了,请修改您的答案。没有名为“stop”的选项,因此将其传递给bjqs不会做任何事情,更不用说停止幻灯片放映了。 - verbumSapienti
在库中声明默认变量,然后在init函数中检查,就像我之前的答案一样。 - Tepken Vannkorn
所以我在“defaults”变量中声明了stop: false,然后在“init”函数中加入了“if”语句。然后我在某个事件上将stop: true设置为真,但是当触发事件时,幻灯片放映仍然继续播放。 - verbumSapienti
我可以确认这确实停止了幻灯片播放,但仅在初始页面加载时,这与“automatic: false”执行相同的功能,并且与触发事件(例如按钮单击)无关。 - verbumSapienti
是的,但为什么我们不将其应用于该按钮的点击事件呢? - Tepken Vannkorn
当我上面提到“然后在事件上设置stop:true”时,这是应用于单击事件的。似乎这仅适用于初始页面加载。这是否与jQuery或BJQS有关我不知道。您是否有任何工作示例或jsFiddle? - verbumSapienti

0
`funcion pauseSlide(){
    $('#date_ss').bjqs.pauseslider();
}
funcion resumeSlide(){
    $('#date_ss').bjqs.resumeslider();
}`

你必须试一下。在按钮点击时调用函数。我希望它能正常工作。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接