title: bxslider set min/max visible slides with custom pager
body: <p>Hi guys I appreciate any assistance,</p>
  
  <p>Basically I have a slider with 25 slides but I dont want all 25 thumbnails to show up, only 5 at a time
  Here are some settings ive tried. I tried a lot of combinations with the max-min slides but nothing happened same with displaySlideQty,</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
  $('#slider2').bxSlider({
    auto: true,
    autoControls: true,
    pause: 3000,
    minSlides: 1,
            maxSlides: 5,
            displaySlideQty : 5,
    slideMargin: 20,
    infiniteLoop: false,
  
  });
  &lt;div class="slider"&gt;
  &lt;h3&gt;Slideshow 2&lt;/h3&gt;
  &lt;ul id="slider2"&gt;
    &lt;li&gt;&lt;img src="images/4.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/5.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/6.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/4.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/5.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/6.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/4.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/5.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/6.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/4.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/5.jpg" /&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="images/6.jpg" /&gt;&lt;/li&gt;      
  &lt;/ul&gt;&lt;/div&gt;
  &lt;div id="bx-pager"&gt;
    &lt;a data-slide-index="0" href=""&gt;&lt;img src="images/thumbs/1.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="1" href=""&gt;&lt;img src="images/thumbs/2.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="2" href=""&gt;&lt;img src="images/thumbs/3.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="4" href=""&gt;&lt;img src="images/thumbs/1.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="5" href=""&gt;&lt;img src="images/thumbs/2.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="6" href=""&gt;&lt;img src="images/thumbs/3.jpg" /&gt;&lt;/a&gt; 
    &lt;a data-slide-index="7" href=""&gt;&lt;img src="images/thumbs/1.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="8" href=""&gt;&lt;img src="images/thumbs/2.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="9" href=""&gt;&lt;img src="images/thumbs/3.jpg" /&gt;&lt;/a&gt; 
    &lt;a data-slide-index="10" href=""&gt;&lt;img src="images/thumbs/1.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="11" href=""&gt;&lt;img src="images/thumbs/2.jpg" /&gt;&lt;/a&gt;
    &lt;a data-slide-index="12" href=""&gt;&lt;img src="images/thumbs/3.jpg" /&gt;&lt;/a&gt;    
  &lt;/div&gt;
  </code></pre>