it-roy-ru.com

Bootstrap Карусель: удаление автоматического слайда

Я использую Bootstrap Карусель. Все, что я хочу, - это то, что слайдер будет скользить только при нажатии на навигацию или нумерацию страниц. Я пытался удалить

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

Он работает нормально, но моя проблема в том, что когда я уже нажал на навигацию или нумерацию страниц, теперь он автоматически скользит Можно ли убрать функцию автоматического скольжения? Если так, то как?

100
khatz0406

Пожалуйста, попробуйте добавить:

interval: false

это сделает автоматическую остановку скольжения, потому что нет добавленных миллисекунд, и никогда не будет скользить дальше.

194
Iliya Reyzis

Из официальных документов :

интервал Время задержки между автоматическим циклом элемента. Если false , карусель не будет автоматически повторяться.

Вы можете передать это значение с помощью javascript или с помощью атрибута data-interval="false".

99
Diego Agulló

Вам просто нужно добавить еще один атрибут в тег DIV, который

data-interval="false"

не нужно трогать JS!

44
Nikunj Dhimar

Изменить/добавить к data-interval = "false" на карусельном div

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

Пожалуйста, попробуйте следующее:

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

данные интервала = "ложно"

Добавьте это в соответствующий раздел ...

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

С помощью вышеуказанного скрипта вы сможете автоматически перемещать изображения

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

С помощью приведенного выше сценария auto-rotation будет заблокирован, поскольку interval является false

3
Nitin Anvekar