Carousel (Bootstrap)

<div id="carousel" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel" data-slide-to="0" class="active"></li> <li data-target="#carousel" data-slide-to="1"></li> <li data-target="#carousel" data-slide-to="2"></li> </ol> <!-- Slides --> <div class="carousel-inner"> <div class="item active"> <img src="images/1.jpg" alt=""> <div class="carousel-caption"> <h4>Title</h4> <p>Description.</p> </div> </div> <div class="item"><a href="#"><img src="images/2.jpg" alt=""></a></div> <div class="item"><img src="images/3.jpg" alt=""></div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <script> $("#carousel").carousel({ interval : 5000, cycle : true // Start carousel on load }); </script>

1 Response


Write a 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.