Auto sliding not working after click next slider button

Question

I am using a jquery plugin for testimonial. When i click next slider button it will stop auto sliding. How can i solve that??

here my js code

$('.testimonials-slider').bxSlider({
            slideWidth: 800,
            minSlides: 1,
            maxSlides: 1,
            slideMargin: 32,
            auto: true,
            autoControls: true
          });

here my external js

External Js

Live Demo

click on next or previous arrow. after that it will not slide automatically — Dhanil, Jul 10 '14 at 06:33
Possible Duplicate: http://stackoverflow.com/questions/20518566/bx-slider-how-to-continue-auto-sliding-after-clicking-in-default-bx-pager — Qarib Haider, Jul 10 '14 at 06:39

score 1 · Accepted Answer · answered Jul 10 '14 at 06:38

Try this :

$(document).ready(function () {

        var slider = $('.testimonials-slider').bxSlider({
            slideWidth: 800,
            minSlides: 1,
            maxSlides: 1,
            slideMargin: 32,
            auto: true,
            autoControls: true
          });

   $('.bx-prev, .bx-next').click(function(e){
    slider.stopAuto();
    setTimeout(function(){
           slider.startAuto();
     },300);

    return false;
  });
});

Auto sliding not working after click next slider button

1 Answers1