$('. carousel'). carousel({ interval: false, }); That will make the auto sliding stop because there no Milliseconds added and will never slider next.
Use the [interval]="'0'" input. This will disable the auto-sliding feature. Here's the link to the Carousel Documentation.
To turn off the autoplay set data-interval="false" to the carousel element.
The data-pause attribute pauses the carousel from going through the slides when the mouse pointer enters the carousel. In this example, we have set pause to "hover" (default), which will stop the slide when your mouse pointer enters the carousel.
Or if you're using Bootstrap 3.0 you can stop the cycling with data-interval="false" for instance
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Other helpful carousel data attributes are here -> http://getbootstrap.com/javascript/#carousel-usage
Actually, the problem is now solved. I added the 'pause' argument to the method 'carousel' like below:
$(document).ready(function() {
$('.carousel').carousel('pause');
});
Anyway, thanks so much @Yohn for your tips toward this solution.
The problem with carousel automatically sliding after prev/next button press is solved.
$('.carousel').carousel({
pause: true,
interval: false
});
GitHub commit 78b927b
if you're using bootstrap 3 set data-interval="false"
on the HTML structure of carousel
example:
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
data-interval="false"
to stop automatic slide data-wrap="false"
to stop circular slideIf you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With