AutoPlay does not resume after click on bx-pager button

[jonwallacedesign]

I have autoplay on by default when my carousel begins, but when someone presses on the little bullet buttons in the "bx-pager" DIV - then autoplay stops and the carousel no longer auto advances to the next slide??? Can you advise how to enable this please?

Code I have is:

$(document).ready(function(){ var slider = $('.bxslider').bxSlider({ randomStart: true, auto: true, autoHover: true, controls: false, pause: 1000 });

Note - I am using v4.1

[DarwinStearns]

I would also like to find a way to do this in 4.1.1. Have tried several methods suggested in other threads, but can't seem to get them to work...

[studiosmeeuw]

Stumbled upon the same bug when integrating a slider in a project of mine.

It's actually 'easy' to fix. Just add the code below after code line 754 (clickPagerBind function) in jquery.bxslider.js (v4.1.1) and minify it again.

// if auto show was running before, start it again
if (slider.settings.auto) el.startAuto();

Et voila!

[kipusoep]

As a website visitor, I would find it really annoying if a slider doesn't stop autoplay when I take control of selecting which slide I'd like to watch. So for me this isn't a bug at all!

[Nondv]

Necroposting:)

Hello!

I've just solved this problem by onSlideAfter event:

var slider = $(".bxslider").bxSlider({
    auto:true,
    onSlideAfter: function() {
        slider.stopAuto();
        slider.startAuto();
        }
});

It works after clicking on left-right navigation and pager. But if you clicked on current-page-button this didn't work of course:(

Other sollution is overriding stopAuto & startAuto methods:

    slider.stopAuto = function() {
        clearInterval(slider.interval); // stop sliding
        slider.interval = false; // remove interval id
        slider.startAuto(); // restart auto-sliding
        return false;
    }

    slider.startAuto = function (preventControlUpdate){
        // if an interval already exists, disregard call
        if(slider.interval){ 
            return;
        }
        // create an interval
        slider.interval = setInterval(
            function(){
                slider.goToNextSlide();
            },
            5000
        );

[jhonatan2760]

Had the same problem, there edited the file jquery.bxlider

started the online: 707

I put this and it worked:

/ **

• Click next binding param And (event)
• - DOM event object
• / var clickNextBind = function (e) { // If auto show is running, stop it if (slider.settings.auto) el.startAuto (); el.goToNextSlide (); e.preventDefault (); }

/ **

• Click prev binding param And (event)
• - DOM event object
• / var clickPrevBind = function (e) { // If auto show is running, stop it if (slider.settings.auto) el.startAuto (); el.goToPrevSlide (); e.preventDefault (); }