Meu desejo era fazer um slider como o desse vídeo: https://www.youtube.com/watch?v=js0fkkzmlv0&t=514s
Parte no HTML:
<<script type="text/javascript" src="javascript/servicos.js"></script>
<section class="servicos" id="servicos">
<div class="imgBx">
<img src="images/tinta.jpg" class="active">
<img src="images/pinheiros.jpg">
</div>
<ul class="controls">
<li onclick="PrevSlide();"></li>
<li onclick="nextSlide();"></li>
</ul>
</section>>
JAVASCRIPT:
<
const imgBx = document.querySelector('.imgBx');
const slides = imgBx.getElementsByTagName('img');
var i = 0;
function nextSlide(){
slides[i].classList.remove('active');
i = (i + 1) % slides.length;
slides[i].classList.add('active');
}
function PrevSlide(){
slides[i].classList.remove('active');
i = (i + 1) % slides.length;
slides[i].classList.add('active');
}
>