title: In bxslider moveslide is not working properly
body: <p>In bxslider i want to move one slide at a time on clicking on some label but one slide is not moving at a time. Please help me if anybody can?</p>
  
  <h1>aspx code:</h1>
  
  <pre><code>&lt;p&gt;&lt;span id="slider-prev"&gt;&lt;/span&gt; | &lt;span id="slider-next"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;ul class="trend-products"&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
     &lt;li&gt;&lt;img src="../images/postad.jpg" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <h1>jQuery:</h1>
  
  <pre><code>$('.trend-products').bxSlider({
      auto:false,
      minSlides: 1,
      maxSlides: 20,
      slideWidth: 170,
      slideMargin: 10,
      controls: true,
      moveSlides: 1,
      pager: false,
      nextSelector: '#slider-next',
      prevSelector: '#slider-prev',
      nextText: 'Onward →',
      prevText: '← Go back'
  });
  </code></pre>