BxSlider停止问题

时间:2012-04-11 17:22:54

标签: javascript jquery bxslider

我正在使用BXSlider进行简单的幻灯片演示,我想知道当您点击“下一个”或“上一个”按钮时是否有办法停止滑块。我已经想出了一种方法可以在鼠标悬停时阻止它,但是当你点击下一个或点击幻灯片内部时,有没有办法做同样的事情?感谢

1 个答案:

答案 0 :(得分:0)

您可以将侦听器绑定到控件并使用该侦听器来停止幻灯片放映。

var slider = $("#slider").bxSlider();

$(".slider_control").click(function(e){
    slider.stopShow();
});

您可以捕获所有点击(控件和滑块本身)的一种方法是将滑块和控件包裹在外部div中,然后侦听冒泡的点击。

<div class="slider_wrap"><!-- put slider here --></div>
<script>
    var slider = $("#slider").bxSlider();

    $(".slider_wrap").click(function(e){
        slider.stopShow();
    });
</script>