BrunoVieira Postado Outubro 15, 2009 Denunciar Share Postado Outubro 15, 2009 oi pessoal, estou com este script:<script type="text/javascript"> function fadeOut(id, time) { target = document.getElementById('alvo'); alpha = 100; timer = (time*1000)/50; var i = setInterval( function() { if (alpha <= 0) clearInterval(i); setAlpha(target, alpha); alpha -= 2; }, timer); } function fadeIn(id, time) { target = document.getElementById(id); alpha = 0; timer = (time*1000)/50; var i = setInterval( function() { if (alpha >= 100) clearInterval(i); setAlpha(target, alpha); alpha += 2; }, timer); } function setAlpha(target, alpha) { target.style.filter = "alpha(opacity="+ alpha +")"; target.style.opacity = alpha/100; } window.onload=fadeIn; </script> <body> <h1> </h1> <div id="exemplo"> <a href="java script:fadeOut('alvo', 0.1)" >fade out</a> | <a href="java script:fadeIn('alvo', 0.1)">fade in</a> <div id="alvo"> <img src="asasa.jpg" alt="" width="380" height="300" /> </div> </div> </body>o que eu queria é que sempre que a pagina abrir o conteudo da div alvo abrisse cm o fadein... pois vou ter de ter um link assim a href='index.php?page=5&submenu=$submenu&p=".$i."'utilizei este codigo:window.onload = function(){ fadeIn('alvo', 0);}mas não efectua bem.. pois primeiro mostra a imagem so depois é que faz o efeito...e reparei que não esta a dar em IE...alguém me sabe dizer porque Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 BrunoVieira Postado Outubro 23, 2009 Autor Denunciar Share Postado Outubro 23, 2009 fica a dica para alguém com o mesmo problema.<script type="text/javascript"> document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>"); function initImage() { imageId = 'thephoto'; image = document.getElementById(imageId); setOpacity(image, 0); image.style.visibility = "visible"; fadeIn(imageId,0); } function fadeIn(objId,opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 10; window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100); } } } function setOpacity(obj, opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } window.onload = function() {initImage()} // --> </script> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Matheus Matos Postado Outubro 23, 2009 Denunciar Share Postado Outubro 23, 2009 hm.. "fica a dica para alguém com o mesmo problema" Conseguiu resolver? Ficamos felizes pela nossa significante ajuda.. rsrsrs -- brincadeira...Então podemos marcar como resolvido.Alguém marca aqui por favor!VlwMatheus Matos Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 BrunoVieira Postado Outubro 25, 2009 Autor Denunciar Share Postado Outubro 25, 2009 temos que resolver os problemas, e não ficar a espera que os resolvam por nós . :D :lol: :lol: desta forma deu para fazer o k eu queria... Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
BrunoVieira
oi pessoal, estou com este script:
<script type="text/javascript"> function fadeOut(id, time) { target = document.getElementById('alvo'); alpha = 100; timer = (time*1000)/50; var i = setInterval( function() { if (alpha <= 0) clearInterval(i); setAlpha(target, alpha); alpha -= 2; }, timer); } function fadeIn(id, time) { target = document.getElementById(id); alpha = 0; timer = (time*1000)/50; var i = setInterval( function() { if (alpha >= 100) clearInterval(i); setAlpha(target, alpha); alpha += 2; }, timer); } function setAlpha(target, alpha) { target.style.filter = "alpha(opacity="+ alpha +")"; target.style.opacity = alpha/100; } window.onload=fadeIn; </script> <body> <h1> </h1> <div id="exemplo"> <a href="java script:fadeOut('alvo', 0.1)" >fade out</a> | <a href="java script:fadeIn('alvo', 0.1)">fade in</a> <div id="alvo"> <img src="asasa.jpg" alt="" width="380" height="300" /> </div> </div> </body>o que eu queria é que sempre que a pagina abrir o conteudo da div alvo abrisse cm o fadein...
pois vou ter de ter um link assim a href='index.php?page=5&submenu=$submenu&p=".$i."'
utilizei este codigo:
window.onload = function(){
fadeIn('alvo', 0);
}
mas não efectua bem.. pois primeiro mostra a imagem so depois é que faz o efeito...
e reparei que não esta a dar em IE...
alguém me sabe dizer porque
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.