title: carouFredSel - set visible amount to actual amount of images - and still scroll?
body: <p>I'm working with this scroller</p>
  
  <p><a href="http://coolcarousels.frebsite.nl/c/2/">http://coolcarousels.frebsite.nl/c/2/</a></p>
  
  <p>I have this setup below. </p>
  
  <p>My issue is I have it set to <code>visible: 4</code> and I have 4 images, so it doesn't scroll. If I set it to <code>visible: 3</code> then it works as expected. But I want to show all 4 images in one screen when you open the browser full width on a 1920px wide resolution. So the issue seems to be. If I set visible to the amount of images I have then it stops working.</p>
  
  <p>Is there a way to have all 4 images on screen at one time then still scroll through them?</p>
  
  <pre><code>$(function() {
      $('#carousel').carouFredSel({
  
          width: '100%',  
          align: 'left',
  
          items: {
              visible: 4,
              start: 0,
  
  
          },
          scroll: {
              items: 1,
              queue           : true,
              fx: "scroll",
              easing: "swing",
              duration: 1000,
              timeoutDuration: 3000
          },
  
          prev: '.prev',
          next: '.next',
  
  
          auto: {
              easing: "quadratic",
              button: '.play',
  
              pauseOnEvent: 'resume',
                  pauseOnHover: true
          }
  
      }).find(".slide .plusNav").hover(
                function() { $(this).find("div").slideDown(); },
                function() { $(this).find("div").slideUp();   }
      );
  });
  </code></pre>