如何在flexslider中停止自动滑动? [英] How do I stop auto sliding in my flexslider?

问题描述

如何在Flex滑块中停止自动滑动?我已经将该滑块加载到了移动网页中.打开页面后，它将滑动到下一张图像，而不会发生任何滑动或点击事件.如何停止此自动幻灯片过渡?我需要使其仅在轻按或滑动屏幕时才能工作.

How to stop auto sliding in a flex slider? I have loaded that slider in my mobile web page. When the page is opened, it slides to the next image without any slide or tap event. How to stop this auto slide transition? I need to make it working only when a screen is tapped or slided.

这是我的代码:

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
        $('.flexslider').flexslider();
    });
</script>

<div class="flexslider">
    <ul class="slides">
        <li>
            <img src="img1.png"/>
        </li>
        <li>
            <img src="img2.png"/>
        </li>
    </ul>
</div>

推荐答案

默认情况下，Flexslider具有幻灯片显示值:true，因此您必须将值更改为false.

By default Flexslider has value slideshow: true so you have to change the value to false.

$(window).load(function() {
  $('.flexslider').flexslider({
    slideshow: false
  });
});

这篇关于如何在flexslider中停止自动滑动?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！