Twitter Bootstrap Carousel - Do not cycle
You can stop Bootstrap's carousel from cycling on page load by adding data-interval="false"
to your .carousel
div markup. (I wasn't able to get either of the above answers to work.)
I think you are looking for the "data-wrap" parameter
<div id="crsl1" class="carousel slide" data-ride="carousel" data-wrap="false">
...
</div>
$(document).ready(function() {
$('#carousel').carousel('pause');
});
or if that still doesn't do it, try this:
$('#carousel').carousel({interval: false});
$(document).on('mouseleave', '#carousel', function() {
$(this).carousel('pause');
});
to reset the pause on mouseleave event.