<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Teste do breu</title>
<script type="text/javascript">
function mudaLuz(opacidadeAtual, escureceAte, emTantoTempo, dequem) {
for (i = 0; i < emTantoTempo; i++) {
var valor = opacidadeAtual + (((escureceAte - opacidadeAtual) / emTantoTempo) * i);
setTimeout('mudaOpacidadeFundo(' + valor + ',' + dequem + ');', i);
}
}
function mudaOpacidadeFundo(valor, deQuem) {
try{
document.getElementById(deQuem).style.opacity = 0;
}catch(err){
deQuem.style.opacity = valor;
}
}
</script>
</head>
<body>
<div id="imagem" style="width:500px; height:500px; background-image:url(wallpaper-502.jpg); ">
</div>
<input type="button" value="escurece" onClick="mudaLuz(1,0.5,500,'imagem');" />
</body>
</html>
[RESOLVIDO] funfa em todos os browsers menos no FF
4 Respostas
A primeira coisa a fazer (sempre que relatar um problema ) é:
-
O que você esperava que o código fizesse?
-
O que o código está fazendo?
Se der alguma mensagem de erro (no console do firefox aparece), poste as mensagens também.
Caso contrário fica complicado pra te ajudar.
levando em conta q eu postei todo o meu código, levando em conta tb que ele é curto e simples
devo descordar de vc AbelBueno
basta ler os nomes dos métodos, ver o atributos q são alterados para entender o que se passa
de qualquer forma lhe digo
no IE no CH no O a opacidade muda gradativamente, da opacidade X para Y em um tempo Z
no FF nada acontece e o erro acusado é
“imagem is not defined
setTimeout(‘mudaOpacidadeFundo(’ + valor + ‘,’ + dequem + ‘);’, i);”
remova a tag <!DOCTYPE> que funciona, quando você não especifica a versão do html ele assume um valor padrão.
ai sim hein aix!?
fufando lindamente por aqui
muito obrigado