Scribd
Upload
34 views2 pages

Carousel: Requer o Arquivo: Bootstrap Transition - Js Bootstrap Carousel - Js Crie Elementos em Ciclo Como Um Carrossel

This document summarizes how to create a carousel component in Bootstrap. It requires the bootstrap-transition.js and bootstrap-carousel.js files. It provides HTML for creating a carousel with indicators and navigation controls. JavaScript calls the carousel component and options are available to control the interval speed and pause on hover.

Uploaded by

dadivdstevan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
34 views2 pages

Carousel: Requer o Arquivo: Bootstrap Transition - Js Bootstrap Carousel - Js Crie Elementos em Ciclo Como Um Carrossel

This document summarizes how to create a carousel component in Bootstrap. It requires the bootstrap-transition.js and bootstrap-carousel.js files. It provides HTML for creating a carousel with indicators and navigation controls. JavaScript calls the carousel component and options are available to control the interval speed and pause on hover.

Uploaded by

dadivdstevan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Carousel

Requeroarquivo:
bootstraptransition.js
bootstrapcarousel.js
Crieelementosemciclocomoumcarrossel.
<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>
ChamadaviaJavascript
$('.carousel').carousel()
Caption
<div class="carousel-caption">
<h4>Qualquer ttulo aqui..</h4>
<p>Qualquer descrio aqui... <p>
</div>
VelocidadedoSlide
Padro5000milisegundos
$('.carousel').carousel({
interval: 2000
})
Pausarslide
$('.carousel').carousel({
pause: "hover"
})

You might also like