boa noite…
estou tentando criar um botao pause em um banner rotativo… quando eu clico no link nao acontece nada, nem no html nao está mudando o nome da classe… seguem os codigos:
// JavaScript Document
var bannerAtual = 0;
var banners = [“img/destaque-home.png”, “img/destaque-home-2.png”];
var $banner = document.querySelector(’.banner-destaque img’);
function trocaBanner(){
bannerAtual=(bannerAtual +1 ) % 2;
$banner.src=banners[bannerAtual];
}
var timer = setInterval(trocaBanner,4000);
var controle = document.querySelector(’.pause’);
controle.onclick = function(){
if(controle.className == ‘pause’){
clearIntervel(timer);
controle.className = ‘play’;
}
else{
timer = setInterval(trocaBanner(),4000);
controle.className = ‘pause’;
}
return false;
}
e o html é uma imagem numa tag e um
o que estou fazendo de errado?