title: Stacking images in carousel
body: <p>I have <a href="http://kenwheeler.github.io/slick/" rel="nofollow">slick.js</a> running with 5 images cycling at a time.</p>
  
  <p>The trouble I'm having is getting 15 images to display on the first slide stacked in a 5 across and 3 down layout so users can scroll/paginate through 15 images at a time rather than just 5.</p>
  
  <p>I'm currently using:</p>
  
  <pre><code>var slickOpts = {
          slidesToShow: 5,
          slidesToScroll: 5,
          dots: true,
          prevArrow: '.btn-prev',
          nextArrow: '.btn-next'
      };
  </code></pre>
  
  <p>When I set both <code>slidesToShow</code> and <code>slidesToScroll</code> to 15 it just fits them all on one row instead of stacking them.</p>
  
  <p>I've also tried increasing the parent container height but still no luck.</p>
  
  <pre><code>#dashboard {
      height: 600px
  }
  </code></pre>
  
  <p>How can I get them to stack in that 5x3 layout and scroll through 15 at a time?</p>
  
  <p><a href="http://jsfiddle.net/q1qznouw/19/" rel="nofollow">http://jsfiddle.net/q1qznouw/19/</a></p>