title: Dynamically update BxSlider when adding new images with Ajax
body: <p>I am using <a href="http://www.bxslider.com" rel="nofollow">BxSlider</a> jQuery to display a number of images in a slider. I load the images in an unordered list and they are displayed in the slider. All good so far.</p>
  
  <p>Ok so here is the issue I am trying to solve. I have a lot of pictures and I want to load only the first 40 for starters. When the slider reaches the last one, I am planning on adding new ones through an Ajax request.</p>
  
  <p>The option to reload the slider to take the new images is by using the following methods.</p>
  
  <ul>
  <li><a href="http://bxslider.com/examples/reload-slider" rel="nofollow"><code>reloadSlider()</code></a> </li>
  <li><code>destroySlider()</code></li>
  </ul>
  
  <p>But what it does it reloads the slider and starts again with the first image, while what I want is to continue the slide with the added images. </p>
  
  <p>Any suggestions/help in regards to this problem?
  Thanks.</p>