title: bxslider-4 speeds up when adding images
body: <p>I have a page which gets all its content via ajax calls.
  I also get the images for my slider via an ajax call. I setting the whole content of my slider DIV with getElem...ByID('slider').innerHTML = "DIV ID='bxslider'>...etc.
  then:</p>
  
  <pre><code> var bxSlider = $('.bx-pager2').bxSlider({
              mode: 'horizontal',     //'vertical',
              ticker: true,
              tickerHover: true,
              tickerspeed: 50000,
              infiniteLoop: true,
              speed: 20000,
              autoHover: false,
              minSlides: 4,
              maxSlides: 4,
              slideWidth: 150,
              slideMargin: 10,
              responsive: true,
              useCSS: false,
              startSlide: 0
  
          });
  </code></pre>
  
  <p>The problem is:
  after loading new images into the slider DIV , the speed differs, loading e.g. 50 images into the slider makes the speed going up, that you cannot recognize anything on the images.</p>
  
  <p>I tried to implement here a bxslider.reload(), but this makes the slider loader for unknown (long) time.</p>
  
  <p>Any ideas?</p>