Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoa estou com um codigo aqui em maos e ele faz o seguinte ele muda a cor de fundo e a imagem da pagina no mesmo tempo de transicao e eu gostaria de adicionar um efeito de fade nessa pagina para que a transicao nao ficasse tao seca segue abaixo o codigo:
<html>
<head>
<style type="text/css" >
</style>
</head>
<body onLoad="trocaFundo()">
<script language="JavaScript" type="text/JavaScript" >
capa = new Image;
sa = new Image;
sas = new Image;
capa.src = "capa.jpg"
sa.src = "sa.jpg"
sas.src = "sas.jpg"
fundoImg = new Array(capa.src,sa.src,sas.src);
tamanhoI = 0;
fundoCor = new Array("blue", "gray", "black")
tamanhoC = 0;
function trocaFundo(){
if ( tamanhoC == 3 ) { tamanhoC = 0; }
else { trocaI();
document.bgColor = fundoCor[tamanhoC];
++tamanhoC;
}
setTimeout("trocaFundo()", 2 * 1000 );
}
function trocaI() {
document.topo.src= fundoImg[tamanhoC];
}
</script>
<p>
<img src="" name="topo" >
</p>
</body>
</html>
Se alguem souber como adicionar ai esse efeito de transicao da uma mao
Eu te recomendo a utilização desse plugin.