1 reply to this topic

[dark-of-angel]

Consegui um script na web que transforma uma div em transparente e em seguida quando conteúdo carrega ela literalmente desaparece, porém ela continua impossibilitando a seleção do texto ou imagem que está abaixo dela.

Exemplo Funcional: http://weavertri.ies....es/fadein.html

Código:

<div id="fade"></div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.

<script type="text/javascript">
valor = 10;
function entrar_transparencia() {
valor--;
if(valor >= 0){
	document.getElementById("fade").style.opacity = valor/10;
	document.getElementById("fade").style.filter = 'alpha(opacity=' + valor*10 + ')';
}
}
window.onload = function(){
entrar_transparencia();
ie = setInterval('entrar_transparencia()',100);
}
</script>

Uma das saídas seria o z-index ou display:none, pois a div está absolute, mas não sei como colocar o evento abaixo quando o código acima terminar de executar:

document.getElementById("fade").style.zIndex = -2

ou

document.getElementById("fade").style.display = "none"

Agradeço desde já a atenção de todos...

Edição feita por: dark-of-angel, 13/07/2008, 04:03.

[bimonti]

if(valor >= 0){

	document.getElementById("fade").style.opacity = valor/10;

	document.getElementById("fade").style.filter = 'alpha(opacity=' + valor*10 + ')';

}else{

  // coloca aqui...

}