@SergeyVladimirovich9393

Как сделать автопрокрутку слайдера по классу?

Доброго дня! Подскажите пожалуйста, как можно сделать автопрокрутку слайдера? Т.к. слайдер сделан на html+css, то нужно добавить автопрокрутку каждые 4 секунды. Возможно ли с помощью JS повесить функцию на класс next? Слайдер имеет следующий код:

<ul class="slides">
 <input type="radio" name="radio-btn" id="img-1" checked="">
    <li class="slide-container">
    <div class="slide">
 <a href="ссылка"><img src="ссылка на баннер"></a>
    </div>
    <div class="nav">
 <label for="img-7" class="prev">‹</label> <label for="img-2" class="next">›</label>
    </div>
 </li>
</ul>
  • Вопрос задан
  • 136 просмотров
Пригласить эксперта
Ответы на вопрос 1
like-a-boss
@like-a-boss
признайся, тебя тянет на код мужика
Если совсем по каличному, то можно как-то так:

setInterval(function() {
  document.getElementsByClassName('next')[0].click();
  var slide1 = document.getElementsByClassName('slide-container')[0],
    slidesContainer = document.getElementsByClassName('slides')[0];
  
  slidesContainer.appendChild(slide1);
}, 4000);
Ответ написан
Ваш ответ на вопрос

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

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