Karuzela Bootstrap: Usuń automatyczny slajd

Używam Bootstrap Carousel. Chcę tylko, żeby suwak przesuwał się tylko po kliknięciu nawigacji lub paginacji. Próbowałem usunąć

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

Działa dobrze, ale mój problem polega na tym, że gdy już kliknąłem nawigację lub paginację, teraz przesuwa się automatycznie. Czy można usunąć funkcję automatycznego przesuwania? Jeśli tak to jak?

Możesz to zrobić na dwa sposoby, przez js lub html (łatwe)

1. Via js

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

Spowoduje to zatrzymanie automatycznego przesuwania, ponieważ nie zostaną dodane żadne milisekundy i nigdy nie będzie się przesuwać.

2. Via Html Dodając data-interval="false"i usuwającdata-ride="carousel"

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

staje się:

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

zaktualizowane na podstawie komentarza @ webMan

Z oficjalnych dokumentów :

interwał Czas opóźnienia między automatycznymi cyklami elementu. Jeśli fałsz , karuzela nie będzie się automatycznie przełączać.

Możesz przekazać tę wartość za pomocą javascript lub użyć data-interval="false"atrybutu.

Wystarczy dodać jeszcze jeden atrybut do swojego tagu DIV, którym jest

data-interval="false"

nie trzeba dotykać JS!

Zmień / dodaj do data-interval = "false" w karuzeli div

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="myCarousel">

Spróbuj wykonać następujące czynności:

<script>
    $(document).ready(function() {      
        $('.carousel').carousel('pause');
    });
</script>

data-interval = "false"

Dodaj to do odpowiedniego div ...

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: 40000,
  });
});

Używając powyższego skryptu, będziesz mógł automatycznie przesuwać obrazy

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: false,
  });
});

Korzystając z powyższego skryptu, auto-rotationzostanie zablokowany, ponieważ intervaljestfalse