Bxslider - Timer issue when using Pager
Here's a basic example, with a pause of 5 seconds between each slide. When switching slides using the Pager, the pause countdown is not resetted to 5sec. Steps to reproduce: 1. Wait for the slider to be on slide #2 and wait 3 sec... then click on slide #1. 2. Slide #1 appears and should last 5 seconds, but instead lasts only 2 seconds
by Bruno42
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css">
<ul class="bxslider" style="width: 800px; height: 250px;">
<li><img src="http://placehold.it/800x250/5E7074/FFFFFF&text=One" /></li>
<li><img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Two" /></li>
<li><img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Three" /></li>
<li><img src="http://placehold.it/800x250/5E7074/FFFFFF&text=Four" /></li>
</ul>
JavaScript
$('.bxslider').bxSlider({
maxSlides: 1,
slideWidth: 800,
pager: true,
pagerType: 'full',
autoHover: false,
auto: true,
stopAuto: false,
stopAutoOnClick: false,
speed: 1000,
pause: 5000,
mode: 'horizontal',
controls: false,
});