.slider { position: relative; width: 100%; max-width: 1920px; margin: auto; overflow: hidden; } .slide { display: none; } .slide img { width: 100%; height: auto; } .show { display: block; } let slideIndex = 0; function showSlides() { let slides = document.getElementsByClassName("slide"); for (let i = 0; i slides.length) { slideIndex = 1; } slides[slideIndex - 1].classList.add("show"); setTimeout(showSlides, 4500); // Troca de slide a cada 3 segundos } showSlides();