|
|
Como criar uma apresentação de slides com JavaScript? |
|
``` Apresentação de slides com JavaScript Apresentação de slides Legenda Um
Legenda Dois
Legenda Três
❮ Anterior
Próximo ❯
//Função de apresentação de slides função apresentação de slides() { // Cria uma variável para armazenar o número do slide atual var slideIndex =1; //Função para mostrar o slide especificado function mostrar slides(n) { var slides =document.getElementsByClassName("meusSlides"); var pontos =document.getElementsByClassName("ponto"); if (n> slides.comprimento) slideIndex =1; if (n <1) slideIndex =slides.length; for (var i =0; i slides[i].style.display ="nenhum"; pontos[i].classList.remove("ativo"); } slides[slideIndex - 1].style.display ="bloco"; pontos[slideIndex - 1].classList.add("ativo"); } //Função para incrementar o número do slide e chamar a função showSlides function plusSlides(n) { slideIndex +=n; showSlides(slideIndex); } //Função para mostrar o slide especificado function currentSlide(n) { slideIndex =n; showSlides(slideIndex); } //Chama a função showSlides para iniciar a apresentação de slides showSlides(slideIndex); } //Chama a função de apresentação de slides apresentação de slides(); | |