title: Automatic Vertical image slider
body: <p>I need help to create a vertical image slider which slides the image automatically with interval. </p>
  
  <p>HTML:</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/1.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
  &lt;img src="img/2.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
  &lt;img src="img/3.jpg" /&gt;
  &lt;/div&gt;
  &lt;div class="item"&gt;
  &lt;img src="img/4.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;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
  $('.carousel').carousel({ interval: 3000 });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I need the same thing vertically.</p>