CODEWITHSUNDEEP
jquery-uijquery-mobilecarouselflexslider
krishna moorthy
krishna moorthy

Reputation: 369

How do I stop auto sliding in my 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>

Upvotes: 19

Views: 54824

Answers (1)

user2074363
user2074363

Reputation: 696

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

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

Upvotes: 68

Related Questions