Как добавить класс active, когда слайд активен?

Question

[Andress84]

Есть слайдер и необходимо на активный слайд, добавить класс active. Подскажите как это можно реализовать через jQuery?

<div class="carousel-inner">
          <div class="carousel-item">
                <img class="w-100" src="img/carousel-1.jpg" alt="Image">
          </div>
          <div class="carousel-item">
                <img class="w-100" src="img/carousel-2.jpg" alt="Image">
          </div>
</div>

Answer 1

[Andrey Vasilev]

для начала нужно создать массив слайдов, потом сгенерить на его основе DOM.

const slides = [
{ id: 0, img: 'путь', active: true },
{ id: 1, img: 'путь', active: false }
]

После нажатия кнопки перехода, делай новый слайд активным, а все остальные переводи в active: false
Другой вариант: тык