@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>
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 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);
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
НТЦ РОСТ Москва
от 150 000 до 250 000 руб.
Sveak Барнаул
от 50 000 руб.
AUTEP Москва
от 100 000 до 200 000 руб.