title: JQuery Slider - Chrome not displaying properly with one slide
body: <p>Using jquery-1.9.1</p>
  
  <p>SlidesJS 3.0.3 Plugin</p>
  
  <p>I have come across a problem with a slideshow I'm trying to implement on a site - specifically the issue is with google chrome when only ONE slide is present.  I have set up some examples for you to look at.</p>
  
  <p>Here I have a slideshow with 3 items - this works fine in all browsers:</p>
  
  <p><a href="http://blahblahdev.atwebpages.com/rotator2.html" rel="nofollow noreferrer">http://blahblahdev.atwebpages.com/rotator2.html</a></p>
  
  <p>.</p>
  
  <p>Here I have the exact same slideshow but with only 1 item.  It works fine in Firefox and Internet explorer but in Google Chrome the slideshow is white - no image or text is displaying:</p>
  
  <p><a href="http://blahblahdev.atwebpages.com/rotator1.html" rel="nofollow noreferrer">http://blahblahdev.atwebpages.com/rotator1.html</a></p>
  
  <p><img src="https://i.stack.imgur.com/NBWnv.png" alt="enter image description here"></p>
  
  <p>Can anyone figure out why this slideshow doesn't function properly if there is only one item?</p>
  
  <p>thanks</p>
  
  <pre><code>  &lt;div class="container"&gt;
      &lt;div id="slides"&gt;
  
                      &lt;div class="slide"&gt;
                          &lt;img src="img/rotator1.png" alt="Slide 1"&gt;
                          &lt;div class="caption" style="bottom:0"&gt;
                              &lt;h3&gt;Rotator 1&lt;/h3&gt;
                              &lt;p&gt;Rotator 1 text goes here.&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>