Oi gente, estou precisando de uma ajuda.
Estou colocando um slider simples, que peguei o exemplo no site w3school, para passar três imagens no site que estou desenvolvendo, coloquei o mesmo usando css e js.
Mas conforme ele vai passando, ele passa as três imagens e some, ai depois de um tempo ele volta! Não consegui ver o que é.
Será que podem me ajudar?
Segue o codigo HTML e o JS
<div class="w3-content w3-section">
<img class="myCarousel2" src="./img/efloor/efloor_slider.png">
<img class="myCarousel2" src="./img/efloor/gerencial_slider.png">
<img class="myCarousel2" src="./img/efloor/efloor-slider-logo.png">
</div>
<!--Slider 2-->
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("myCarousel2");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {
myIndex = 1}
x[myIndex - 1].style.display = "block";
setTimeout(carousel, 2000); // Change image every 2 seconds
}
</script>