Skip to content

Instantly share code, notes, and snippets.

@xpander54
Last active November 30, 2016 15:21
Show Gist options
  • Save xpander54/7356322 to your computer and use it in GitHub Desktop.
Save xpander54/7356322 to your computer and use it in GitHub Desktop.
bootstrap carrousel
<!--Slide Bootstrap-->
<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="img/slide2/chopper1.jpg" class="slide-img" alt="helicopter">
</div>
<div class="item">
<img src="img/slide2/chopper2.jpg" class="slide-img" alt="helicopter2">
</div>
<div class="item">
<img src="img/slide2/img3.jpg" alt="helicopter3" class="slide-img">
</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>
<!--Slide Bootstrap-->
$(document).ready(function() {
$('.carousel').carousel({
interval: 4000,
pause: "false"
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment