Carousel (Galería) CSS+HTML

<link data-turbolinks-track="true" href="https://s3.amazonaws.com/creativetim_bucket/bootstrap3/bootstrap.css" media="all" rel="stylesheet" /> <link data-turbolinks-track="true" href="https://s3.amazonaws.com/creativetim_bucket/get_shit_done/css/get_shit_done.css" media="all" rel="stylesheet" /> <div id="carousel"> <!-- IMPORTANT - This carousel can have a special class for a smooth transition "gsdk-transition". Since javascript cannot be overwritten, if you want to use it, you can use the bootstrap.js or bootstrap.min.js from the GSDKit or you can open your bootstrap.js file, search for "emulateTransitionEnd(600)" and change it with "emulateTransitionEnd(1200)" --> <div id="carousel-example-generic" class="carousel slide gsdk-transition" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> <li data-target="#carousel-example-generic" data-slide-to="3"></li> <li data-target="#carousel-example-generic" data-slide-to="4"></li> <li data-target="#carousel-example-generic" data-slide-to="5"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan1.jpg" alt="Awesome Image"> </div> <div class="item"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan2.jpg" alt="Awesome Image"> </div> <div class="item"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan3.jpg" alt="Awesome Image"> </div> <div class="item"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan4.jpg" alt="Awesome Image"> </div> <div class="item"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan5.jpg" alt="Awesome Image"> </div> <div class="item"> <img src="http://www.pomilioautomoviles.com.ar/imagenes/slidenissan/nissan6.jpg" alt="Awesome Image"> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="fa fa-angle-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="fa fa-angle-right"></span> </a> </div> </div>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.