Посылка: Я пытаюсь создать вертикальный стих баннера на этот сайт, но с тремя изображениями, показывающими сразу, где каждое изображение является ссылкой и имеет наложение подписи.
Текущая проблема: Я начал с попытки понять, как сделать простой поворот изображений без какой-либо анимации.
Исследовать: Моей первой попыткой было скопировать этот вопрос переполнения, но я не мог понять, как сделать это по времени.
Моя вторая попытка заключалась в попытке использовать эта ссылка w3schools, но я не мог получить 3 полных изображения за раз.
Код: прямо сейчас я не могу понять, как удалить первый элемент в списке, добавить его в конец, а затем перезапустить цикл. Я все еще занимаюсь самообучением CSS и JavaScript, поэтому любые объяснения будут полезны.
var x = document.getElementsByClassName("slide");
var y;
var index = 0;
feed();
function feed() {
for (y = 0; y < x.length; y++) {
if (y > 2) {
x[y].style.display = "none";
}
}
index++;
if (index > x.length) {
index = 1
}
x[index - 1].style.display = "none";
setTimeout(feed, 1000); // Change image every 2 seconds
}.slide {
display: block;
width: 200px;
height: auto;
}
.container
{
width: 200px;
height: 600px;
}<div class = "container">
<img class = "slide" src = "https://i.imgur.com/m9aYOcc.jpg">
<img class = "slide" src = "https://i.imgur.com/fyX7DaN.jpg">
<img class = "slide" src = "https://i.imgur.com/76AVqI2.jpg">
<img class = "slide" src = "https://i.imgur.com/BXM4J5X.jpg">
<img class = "slide" src = "https://i.imgur.com/D8f9h4q.jpg">
</div>@WaisKamal на самом деле был недосмотром поста и кода. еще не совсем работает так, как предполагалось
Ваши изображения не отображаются. Сначала загрузите их в свой вопрос.
ive загрузил их. и также добавил информацию о контейнере.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Где вы определили
carousel()?