title: bx slider with single and multiple images
body: <p>I am using jQuery bx slider.<br>
  When I use three images in li I see three dots,
  but when I use <strong>one image it should not show one dot</strong>.<br>
  I understood using <code>pager: false</code> will hide the dots,
  but I am using only one js code so this should change dynamically.<br>
  I am trying to implement in my CMS where I am trying to change it into single and multiple images.<br>
  Can you tell me how to fix it?</p>
  <p><a href="http://bxslider.com/" rel="nofollow noreferrer">http://bxslider.com/</a></p>
  <p>Providing code below
  <a href="https://github.com/stevenwanderski/bxslider-4/blob/master/jquery.bxslider.js" rel="nofollow noreferrer">https://github.com/stevenwanderski/bxslider-4/blob/master/jquery.bxslider.js</a></p>
  <pre><code>var populatePager = function(){
              var pagerHtml = '';
              var pagerQty = getPagerQty();
              // loop through each pager item
              for(var i=0; i &lt; pagerQty; i++){
                  var linkContent = '';
                  // if a buildPager function is supplied, use it to get pager link value, else use index + 1
                  if(slider.settings.buildPager &amp;&amp; $.isFunction(slider.settings.buildPager)){
                      linkContent = slider.settings.buildPager(i);
                      slider.pagerEl.addClass('bx-custom-pager');
                  }else{
                      linkContent = i + 1;
                      slider.pagerEl.addClass('bx-default-pager');
                  }
                  // var linkContent = slider.settings.buildPager &amp;&amp; $.isFunction(slider.settings.buildPager) ? slider.settings.buildPager(i) : i + 1;
                  // add the markup to the string
                  pagerHtml += '&lt;div class=&quot;bx-pager-item&quot;&gt;&lt;a href=&quot;&quot; data-slide-index=&quot;' + i + '&quot; class=&quot;bx-pager-link&quot;&gt;' + linkContent + '&lt;/a&gt;&lt;/div&gt;';
              };
              // populate the pager element with pager links
              slider.pagerEl.html(pagerHtml);
          }
  </code></pre>