Prezados, o carrossel ficou incrível só senti falta de um timer pra ele ficar rodando sozinho(não sei se é assim que fala). Como eu poderia fazer isso? A minha intenção é que além do que ele já está fazendo nesse momento é que ele também fique rodando sozinho com um timer e ao clicar no botões ou indicadores ele faça a ação solicitada.
Obrigada pela ajuda.
hoje, com a Alura e o Google Gemini
Oi, Vanessa, tudo bem?
Você precisará de Javascript para isso. Segue um exemplo bem legal de como você pode aplicar: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto
Oie , tentei inserir adaptar o código orientado da maneira apresenta a seguir. Porém percebi pela depuração e resultado em tela que todas as imagens ficavam com display none porém apenas a primeira imagem do carrossel ganhava o display block. Ou seja, todas as imagens somem e mas apenas a primeira imagem some e aparece conforme o esperado. Tentei depurar o código mas não percebi onde estou errando. Consegue me ajudar por gentileza.
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("carrossel__produto");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 2000); // Change image every 2 seconds
}Oi, Vanessa, tudo bem?
Você seguiu o código como estava no exemplo? Se puder compartilha o seu projeto completo via google drive ou github.