title: SlidesJS - Image appearing as a strip
body: <p>I would post this on the plugin's Github page but it's been quiet there for a while.</p>
  
  <p>I'm using SlidesJS (<a href="http://slidesjs.com" rel="nofollow noreferrer">http://slidesjs.com</a>) which should be a fairly easy thing to implement, and it was, but for some reason, the images are showing as strips, rather than the full image, the first them they load. If I refresh the page, because it's cached, it's fine, but on that first instance, they load as just a strip.</p>
  
  <p>I've attached a screenshot and code below, and the site is here: <a href="http://goo.gl/wnOUQ" rel="nofollow noreferrer">http://goo.gl/wnOUQ</a></p>
  
  <p>Any help to solve this mystery would be great.</p>
  
  <p>Cheers,
  R</p>
  
  <pre><code>    &lt;script&gt;
          $(function(){
              $('#slides').slides({
                  preload: true,
                  generateNextPrev: false,
                  pagination: true,
                  autoHeight: true,
                  effect: 'fade',
                  bigTarget: true,
                  //fadeSpeed: 150,
                  generatePagination: false,
                  slidesLoaded: function() {
                  $('#slide_count .total').text( $('.slides_control').children().length );
              },
                  animationComplete: function( current ) {
                  $('#slide_count .current').text( current );
              }
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/0ZITy.png" alt="enter image description here"></p>