olá, boa noite. Eu estou a ter um pouco de dificuldade a fazer o meu site. eu sou principiante a fazer programação. eu queria por 2 imagens a rodas automaticamente no meu trabalho, mas só consigo por 1 imagem. alguém me pode dizer o código que devo por? está aqui o código:
<div class="w3-content w3-section" > <img class="mySlides" src="1.jpg" width="250" height="200" hspace="250px" vspace="50px" border="3"> <img class="mySlides" src="2.jpg" width="250" height="200" hspace="250px" vspace="50px" border="3"> <img class="mySlides" src="3.jpg" width="250" height="200" hspace="250px" vspace="50px" border="3"> <img class="mySlides" src="4.jpg" width="250" height="200" hspace="505px" vspace="50px" border="3"> <img class="mySlides" src="5.jpg" width="250" height="200" hspace="505px" vspace="50px" border="3"> <img class="mySlides" src="6.jpg" width="250" height="200" hspace="505px" vspace="50px" border="3"> </div> <script> var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); 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, 1000); } </script>