title: jQuery Roundabout: changing the number of items shown
body: <p>I am using the jQuery Roundabout plugin.  I am wondering if there is a way to choose the number of pictures that are shown.  I have ten pictures, but only three of them should be visible as shown in the second (extention) link within the "square" example.</p>
  
  <p>How is that possible?</p>
  
  <p>Edit with further information:</p>
  
  <p>jquery roundabout-plugin: <a href="http://fredhq.com/projects/roundabout" rel="nofollow">http://fredhq.com/projects/roundabout</a></p>
  
  <p>and extension: <a href="http://fredhq.com/projects/roundabout-shapes/" rel="nofollow">http://fredhq.com/projects/roundabout-shapes/</a></p>
  
  <p>-> I would like to have the "square shape"</p>
  
  <p>relevant code:</p>
  
  <pre><code>&lt;head&gt;
  &lt;style&gt;
  .roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    height: 500px;
    width: 300px;
  }
  
  .roundabout-moveable-item {
    cursor: pointer;
    border: 1px solid #999;
    bottom: 0;
  }
  
  .roundabout-in-focus {
    cursor: auto;
  }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" src="../../js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../../js/jquery.roundabout.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="../../js/jquery.roundabout-shapes.js"&gt;&lt;/script&gt; 
  
  &lt;script&gt;
     $(document).ready(function() {
        $('ul.roundabout-holder').roundabout({
           shape: 'square',
           btnNext: ".next",
           btnPrev: ".prev",
           btnStopAutoplay: ".stop",       
           btnStartAutoplay: ".start",                 
           duration: 1000,
           autoplay: true,
           autoplayDuration: 4000,         
           autoplayPauseOnHover: true,
           reflect: false,
           minOpacity: 0.5,
           minScale: 0.1
        });
     });
  &lt;/script&gt;  
  
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;ul class="roundabout-holder"&gt;
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/hauptbild-gross.jpg"&gt;&lt;img src="img/hauptbild.jpg" width="466" height="500" /&gt;&lt;/a&gt;&lt;/li&gt;                
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/baerenfamilie-gross.jpg"&gt;&lt;img src="img/baerenfamilie.jpg" width="400" height="196" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/hamster-bleistift-gross.jpg"&gt;&lt;img src="img/hamster-bleistift.jpg" width="400" height="351" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/hamster-schlafend-gross.jpg"&gt;&lt;img src="img/hamster-schlafend.jpg" width="400" height="302" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/hamster-schmetterling-gross.jpg"&gt;&lt;img src="img/hamster-schmetterling.jpg" width="400" height="374" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="roundabout-moveable-item"&gt;&lt;a href="img/hase-gross.jpg"&gt;&lt;img src="img/hase.jpg" width="384" height="500" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  
  
  &lt;/body&gt;
  
  &lt;/html&gt; 
  </code></pre>
  
  <hr>
  
  <p>And here is the project-url: 
  <a href="http://www.eyes-on-fire.de/test/2/portfolio/tiere/index.php" rel="nofollow">http://www.eyes-on-fire.de/test/2/portfolio/tiere/index.php</a></p>
  
  <p>(I wasn't allowed to post three links as a newbie)</p>