@Gidroce

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

Приветствую! Есть вот такой код js слайдера https://codepen.io/i-did/pen/yLYRvVL Таких слайдеров на странице должно быть несколько, как можно продублировать их, чтобы они нормально работали?
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Изолируйте весь код в какой-либо контекст. Далее, в этот контекст передавайте контейнер слайдера. А в самом коде выполняйте поиск элементов-контролов не глобально по документу, а только в пределах переданного контейнера.
Что-то в таком духе:
function makeSlider(slider) {
  ...
}

document.querySelectorAll('.slider').forEach(makeSlider)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы