function setaImagem() { "use strict"; var currentElemento; var settings = { primeiraImg: function () { currentElemento = document.querySelector("#slider a:first-child"); currentElemento.classList.add("ativo"); this.legenda(currentElemento); }, ultimaImg: function () { currentElemento = document.querySelector("#slider a:last-child"); currentElemento.classList.add("ativo"); this.legenda(currentElemento); }, slide: function () { currentElemento = document.querySelector(".ativo"); if (currentElemento.nextElementSibling) { currentElemento.nextElementSibling.classList.add("ativo"); settings.legenda(currentElemento.nextElementSibling); currentElemento.classList.remove("ativo"); } else { currentElemento.classList.remove("ativo"); settings.primeiraImg(); } }, proximo: function () { clearInterval(intervalo); currentElemento = document.querySelector(".ativo"); if (currentElemento.nextElementSibling) { currentElemento.nextElementSibling.classList.add("ativo"); settings.legenda(currentElemento.nextElementSibling); currentElemento.classList.remove("ativo"); } else { currentElemento.classList.remove("ativo"); settings.primeiraImg(); } intervalo = setInterval(settings.slide, 4000); }, anterior: function () { clearInterval(intervalo); currentElemento = document.querySelector(".ativo"); if (currentElemento.previousElementSibling) { currentElemento.previousElementSibling.classList.add("ativo"); settings.legenda(currentElemento.previousElementSibling); currentElemento.classList.remove("ativo"); } else { currentElemento.classList.remove("ativo"); settings.ultimaImg(); } intervalo = setInterval(settings.slide, 4000); }, legenda: function (obj) { var legenda = obj.querySelector("img").getAttribute("alt"); document.querySelector("figcaption").innerHTML = legenda; } }; // Call slide settings.primeiraImg(); // Call legenda settings.legenda(currentElemento); // Call slide time var intervalo = setInterval(settings.slide, 4000); document.querySelector(".next").addEventListener("click", settings.proximo, false); document.querySelector(".prev").addEventListener("click", settings.anterior, false); } window.addEventListener("load", setaImagem, false);