javascript - Bootstrap Carousel : Remove auto slide

Question

I'm using Bootstrap Carousel. All I want is that the slider will only slide when a navigation or a pagination is clicked. I've tried removing

$('.carousel').carousel({
    interval: 6000
}); 

It works fine but my problem is once I've already clicked a navigation or pagination, it is now auto sliding. Is it possible to remove the auto sliding function? If so, how?

Answer 1

You can do this 2 ways, via js or html (easist)

1. Via js

$('.carousel').carousel({
  interval: false,
});

That will make the auto sliding stop because there no Milliseconds added and will never slider next.

2. Via Html By adding data-interval="false" and removing data-ride="carousel"

<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

becomes:

<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">

updated based on @webMan's comment