Continue to auto play after action about bxslider-3

[johnnycadelco]

same question here.. I'd like this option

[heyimjuani]

This is what I did. Pretty simple:

var slider = $("#slider").bxSlider({
    controls: false,
    pager: true,
    auto: true,
    etc, etc, etc
});
$(".bx-pager a").click(function(){
    slider.startShow();
});

This should deffinitely be a built in setting! Good luck you guys, hope this helps

[SOLVED] Hi i had the same problem while trying to implement bxslider on my site. My problem was, when i click prev or next button it stops. I changed the following lines in jquery.bxslider.js file @ line 607 & 620. There is a DOM object for prev & next called PrevBind & NextBind

var clickNextBind = function(e){
// if auto show is running, stop it
if (slider.settings.auto) el.stopAuto(); --> el.startAuto();
el.goToNextSlide();
e.preventDefault();
}

var clickPrevBind = function(e){
// if auto show is running, stop it
if (slider.settings.auto) el.stopAuto(); --> el.startAuto();
el.goToPrevSlide();
e.preventDefault();
}

Hope this helps everyone, Njoy life!!!!

[freelancerrs]

even better, in jquery.bxslider.js:

    var clickNextBind = function(e){
        // if auto show is running, stop it
        if (slider.settings.auto) el.stopAuto();


        el.goToNextSlide();
        e.preventDefault();

        el.startAuto();    //  ---------------------------------------------- JUST ADD THIS LINE

    }

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

        el.startAuto();   // ---------------------------------------------- JUST ADD THIS LINE

    }

[moabi]

and for only the pager :

    $('.bx-pager-item a').click(function(e){
        var i = $(this).index();
        slider.goToSlide(i);
        slider.stopAuto();
        restart=setTimeout(function(){
            slider.startAuto();
            },500);

        return false;
    });

[grinvladimir]

for 4.1.2 working code:

$('.bx-pager-item a').click(function(e){
  var i = $(this).data("slide-index");
  slider.goToSlide(i);
  slider.startAuto();
  return false;
});

[upvas]

This works for me:

var slider = $('.slider');
    slider.bxSlider({
        auto: true,
        autoControls: true,
        etc,
        onSlideAfter: function() {
            slider.startAuto()
        }
    });