Как добавить автоскролл слайдеру на bootstrap?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<!-- Подключите jQuery и Bootstrap в вашем HTML -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

<!-- Добавьте следующий код для активации автоскролла -->
<script>
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: 3000 // Интервал времени в миллисекундах между автоматическим прокручиванием слайдов
    });
  });
</script>

<!-- Ваш слайдер Bootstrap -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Остальной код слайдера -->
</div>