Auto play doesn't resume after clicking prev / next

[alexmccabe]

When clicking either the previous or next buttons the auto play does not continue and it is stuck on that slide. I know this is because of pauseOnAction, but it should replay on mouseOut.

[alexmccabe]

Workaround $('.flex-next').click(function(){ $('.flexslider').flexslider("play") }); and $('.flex-prev').click(function(){ $('.flexslider').flexslider("play") });

The reason you do it this way is this: When you disable pauseOnAction, a user can click 6s into a 7s slide timer to change slide. Then 1s later it changes slide again.

Enable pauseOnAction and adding the two calls above pauses it then plays again from 0s so the time between is always 7s.

[ninhvanthang]

I have same issue but on ipad, iphone,
slider doesn't resume afteri swipe left or right
i tried disable pauseOnAction but not work

[MogulBren]

Thanks for the hint. I still couldn't get that to work out of the box, but used the jQuery .live method with great success. This is because (I assume) that the prev and next handles aren't available on $(document).ready where I placed this code?

Anyhoo, Thought this might help others searching for a solution/workaround.

$('.flex-next').live('click',function(){
    $('#flexSlider').flexslider("play");
});

Note my flexslider has a different ID / class to the OP

I see this is deprecated according to api.jquery.com. (I couldn't get the suggested .on method to work here though)

[bfncs]

You can do this very robustly in a callback. This also saves you from targeting all different kinds of user interaction possiblities (directionNav, controlNav, keyboard, mousewheel, etc.). Something along the lines of this should be fine:

$('#slideshow').flexslider({
  pauseOnAction: true, // default setting
  after: function(slider) {
    /* auto-restart player if paused after action */
    if (!slider.playing) {
      slider.play();
    }
  }
});

It would still be nice to have a simple option for this, though.

[marcoscurvello]

Im sorry I am a total noob here but where should I place the above snippet ?

[bfncs]

You would have to place this in a callback that is fired after all images are loaded. You could put this anywhere in your HTML after jQuery and Flexslider were referenced.

<script>
(function ($) {

  $(window).load(function() {

    /* code from above goes here */

  });

}(jQuery));
</script>

Have a look at the jQuery learning materials, they enable you to stop being a noob.
http://learn.jquery.com/

And: please head to stackoverflow or the likes for questions like this since this isn't a support forum but a bug tracker.

[sanntu]

@boundaryfunctions, thanks for enlightening us!