Carousel

Carousel
Requer o arquivo:
­ bootstrap­transition.js
­ bootstrap­carousel.js
Crie elementos em ciclo como um carrossel.
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="http://placehold.it/870x500"></div>
<div class="item"><img src="http://placehold.it/870x500"></div>
<div class="item"><img src="http://placehold.it/870x500"></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
Chamada via Javascript
$('.carousel').carousel()
Caption
<div class="carousel-caption">
<h4>Qualquer título aqui..</h4>
<p>Qualquer descrição aqui... <p>
</div>
Velocidade do Slide
Padrão é 5000 milisegundos
$('.carousel').carousel({
interval: 2000
})
Pausar slide
$('.carousel').carousel({
pause: "hover"
})