Skip to content

Instantly share code, notes, and snippets.

@michaelcpuckett

michaelcpuckett/gist:2370474

Created April 12, 2012 19:40
Show Gist options
  • Save michaelcpuckett/2370474 to your computer and use it in GitHub Desktop.
Save michaelcpuckett/2370474 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.phtml
<!doctype html>
<html><head><title>whatever</title></head><body>
<div id="main-slider" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
<div class="item">
<img src="http://placehold.it/470x360">
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#main-slider" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#main-slider" data-slide="next">&rsaquo;</a>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
<script>
$(document).ready(function() {
$('#main-slider').carousel({
'interval': 3000,
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment