@WebNerd
It's time to hunt

Как создать slider на js, чтобы он мог быть переиспользован на одной странице несколько раз?

Тренируюсь писать код самостоятельно, чтобы закрепить знания. Написал, хоть и корявый, но собственный slider: slider на github-e

Все что нужно сделать, чтобы заработал мой slider , это повесить на wrapper класс slider
<div class="slider"> 
      <ul>
        <li>Aboba</li>
      </ul>
</div>


Для одного ul slider работает правильно. Но мне на сайте, к примеру, нужно несколько таких slider-ов. Но на второй и тд уже не не работает js код, так как slider я беру из html так: document.querySelector('.slider') то есть, в единственном экземпляре. Да, я могу взять конечно список этих слайдеров с помощью document.querySelectorAll, но тогда придется в коде на каждый вызов slider-а прописывать цикл... В общем, я не до конца понимаю, как сделать мой код так, чтобы он работал на все slider-ы на сайте, а не только на первый.
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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