title: bx slider: How to continue auto sliding after clicking in default bx pager?
body: <p>I want to continue the autosliding after clicking on a bx pager item. </p>
  
  <p>Here's the code:</p>
  
  <pre><code>$(document).ready(function () {
      $('.bxslider').bxSlider({
          mode: 'horizontal', //mode: 'fade',            
          speed: 500,
          auto: true,
          infiniteLoop: true,
          hideControlOnEnd: true,
          useCSS: false
      });
  
      $(".bx-pager-link").click(function () {
          console.log('bla');            
          slider = $('.bxslider').bxSlider();
          slider.stopAuto();
          slider.startAuto();
          //slider.stopShow();
          //slider.startShow();
      });
  });
  </code></pre>
  
  <p>The uncommented <code>stopShow()</code> and <code>startShow(</code>) function doesn't work at all. <code>startAuto()</code> continues the slideshow but the bx pager navigation is frozen. The active dot stays active even if new slide appears. How to solve that?</p>