Código:
function imagem(img){
var imagem = new Image();
myimg = imagem.src = img;
return myimg;
}
var sid = 1;
var mudaslideshow;
var imgs = new Array();
imgs[1] = imagem("/img/html.png"); imgs[2] = imagem("/img/css.png"); imgs[3] = imagem("/img/php.png");
var selecionado = new Array();
selecionado[1] = "slide1"; selecionado[2] = "slide2"; selecionado[3] = "slide3";
function comecaSlide(){
mudaslideshow = setInterval("slideshow()", 5000);
slideshow();
}
function slideshow(){
document.getElementById("slideshow").src=imgs[sid];
colocabg(sid);
if(sid!=3)
sid+=1;
else
sid=1;
}
function mudaslide(id){ // para o menu do slideshow
sid = id;
if(id==1){
tirabg(2);
tirabg(3);
}
else if(id==2){
tirabg(1);
tirabg(3);
}
else if(id==3){
tirabg(1);
tirabg(2);
}
clearInterval(mudaslideshow);
slideshow();
mudaslideshow = setInterval("slideshow()", 5000);
}
function colocabg(id){ // para o menu do slideshow
document.getElementById(selecionado[id]).style.background="rgba(0, 0, 0, 0.2)";
if(id==1)
tirabg(3)
else if(id==2)
tirabg(1);
else if(id==3)
tirabg(2);
}
function tirabg(id){ // para o menu do slideshow
document.getElementById(selecionado[id]).style.background="rgba(0, 0, 0, 0.1)";
}E é claro, comecaSlide() é chamado:<body onload="comecaSlide()">...</body>
Alguém sabe por quê não funciona? =\
EDIT...
Pode deixar, descobri o erro! O erro nem está nesse código, porque fiz algumas adaptações (para diferentes navegadores) nele...
Só tive que mudar tirabg() e colocabg(), que davam o erro "Argumento inválido."
Pra quem quiser ver:
function colocabg(id){
<?php
if(!detectaIE())
echo ' document.getElementById(selecionado[id]).style.background="rgba(0, 0, 0, 0.2)";';
else
echo ' document.getElementById(selecionado[id]).style.background="url(\'/webfacil/img/slideshow_ie_bg2.png\') repeat";';
?>
if(id==1){
tirabg(2);
tirabg(3);
}
else if(id==2){
tirabg(1);
tirabg(3);
}
else if(id==3){
tirabg(1);
tirabg(2);
}
}
function tirabg(id){
<?php
if(!detectaIE())
echo 'document.getElementById(selecionado[id]).style.background="rgba(0, 0, 0, 0.1)";';
else
echo 'document.getElementById(selecionado[id]).style.background="url(\'/webfacil/img/slideshow_ie_bg.png\') repeat";';
?>
}
Edição feita por: Fábio Morato, 24/07/2012, 14:49.










