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.