title: Twitter Bootstrap Carousel Random load 5 items
body: <p>I have the following Twitter bootstrap carousel with 20 items, how can I randomly only load 5 of the items on load? I found another script that hid the items however this wouldnt work due to it being a slideshow.</p>
  
  <pre><code>&lt;div id="myCarousel" class="carousel slide"&gt;
  &lt;!-- Carousel items --&gt;
  &lt;div class="carousel-inner"&gt;
  &lt;div class="active item"&gt;&lt;img src="img/slider/1.jpg"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;img src="img/slider/2.jpg"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;img src="img/slider/3.jpg"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;img src="img/slider/4.jpg"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;img src="img/slider/5.jpg"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- Carousel nav --&gt;
  &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
  &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
  &lt;/div&gt;&lt;/div&gt;
  
  &lt;script type='text/javascript'&gt;
  $(document).ready(function() {
      $('.carousel').carousel({
      interval: 8000
      })
      });
     &lt;/script&gt;
  </code></pre>