Scribd Logo
Upload

Welcome to Scribd!

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

    Uploaded by

    dadivdstevan
    4 views2 pages
    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.

    Original Description:

    Original Title

    Aula 57 Carousel

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views2 pages

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

    Uploaded by

    dadivdstevan
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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