Search code examples
javascriptjqueryjquery-pluginsbxslider

How do I stop bx-slider on next control click?

I need to stop the bx-slider autoslideshow when the next button gets clicked, I have the following code.

$(document).ready(function(){
    elementSlider=$(".monitor_slider").bxSlider({
    auto: true, pager: false,
});
$(".monitor_slider_container .bx-wrapper .bx-next").click(function(e){
        if(e.originalEvent !== undefined){
            elementSlider.stopAuto();
        }
    });
});

No erros, but the slider keeps on changin automatically.

Any help will be really appreciated.

And forgive my bad english.

Solution

  • UPDATE

    Now you can just add the parameter stopAutoOnClick: true and it will stop on click of the controls Next/Prev

    $('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true
});

    Source : https://bxslider.com/examples/auto-show-start-stop-controls/