Здравствуйте. Пытаюсь сделать слайдер на чистом js, суть такова. У меня есть массив с картинками, я нажимаю на кнопку и, очевидно, отображается следующая картинка. Я перебираю картинки через цикл for, но очевидно, цикл перебирает массив и выводит мне последнюю картинку. Как сделать, чтобы выводились картинки по очереди мне ума не хватает.`
var array = ['1.jpg', '2.jpg', '3.png', '4.jpg'],
section = document.getElementById('section'),
next = document.getElementById('next'),
back = document.getElementById('back');
for(var i=0; i < array.length; ++i ){
next.addEventListener('click', function(){
for(var i=0; i < array.length; ++i ){
var number = array[i];
section.innerHTML = "<img src='img/" + number + "'/>";
}
})
}
`