HappyHippyHippo, desculpa só responder agora mas tive ocupado com outros trabalhos.
Consegui fazer o codigo de outra maneira, incluindo um reset e um restart ao slider :
var contador = -1;
var animationActive = true;
var idtimeoutDelay = 0;
var idtimeoutAnimacao = 0;
var tempoSlide = 7000;
window.onload = function() {
document.querySelector('#next').addEventListener('click',nextImage,false);
document.querySelector('#prev').addEventListener('click',prevImage,false);
iniciaAnimacao();
};
function iniciaAnimacao(){
animationActive = true;
imageSlider();
}
function imageSlider(){
if (animationActive == true) {
contador++;
mudaImagem();
idtimeoutAnimacao = setTimeout(imageSlider, tempoSlide);
}
}
function mudaImagem() {
var i;
var galeria = document.getElementsByClassName('slider');
for(i = 0; i < galeria.length; i++) {
galeria[i].style.display = 'none';
}
if(contador >= galeria.length) {
contador=0;
}
if(contador < 0) {
contador = galeria.length-1;
}
galeria[contador].style.display = 'block';
}
function nextImage(event) {
animationActive = false;
contador++;
mudaImagem();
contaTempo();
}
function prevImage(event) {
animationActive = false;
contador--;
mudaImagem();
contaTempo();
}
function contaTempo() {
clearTimeout(idtimeoutAnimacao );
clearTimeout(idtimeoutDelay );
idtimeoutDelay = setTimeout(iniciaAnimacao,tempoSlide);
} ;
↧