Подскажите, пожалуйста, как реализовать примитивный слайдер.
Есть несколько
div class = "slider" По умолчанию они не видны, нужно каждому по очереди через 10 секунд присваивать class = "visible" (элемент с таким классом будет отображаться). Естественно, среди всех
div class = "slider" только у одного
div должен быть
class = "visible"
Пока есть следующее:
var slider1 = document.getElementById('slider1'),
slider2 = document.getElementById('slider2'),
slider3 = document.getElementById('slider3'),
slider4 = document.getElementById('slider4');
var elements = document.getElementsByClassName('slider');
for (var i = 0; i < elements.length; i++) {
}
Не понимаю, как "перебирать" каждый
div и сразу проверять его на наличие
class = "visible", и если такой class есть, то ОК, а если нет, то назначаем, предварительно убрав у того div, у которого такой
class = "visible" присутствует в данный момент.
Пробовал замыканиями - не вышло ничего. Может быть, есть более простой способ реализовать такой слайдер (на чистом JS)?