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

问题描述

如何在 flex 滑块中停止自动滑动?我已在我的移动网页中加载了该滑块.当页面打开时，它会在没有任何滑动或点击事件的情况下滑动到下一个图像.如何停止这种自动幻灯片过渡?我只需要在点击或滑动屏幕时让它工作.

这是我的代码:

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

解决方案

默认情况下 Flexslider 的值为 slideshow: true 所以你必须将值更改为 false.

$(window).load(function() {$('.flexslider').flexslider({幻灯片:假});});

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.

Here is my code:

<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>

解决方案

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屋！