Efecto opaco en imagen

foxgenco · #1 (**permalink**) 09/12/2005, 13:52

hola a todos, tengo el siguiente script en el que puedo hacer que un Layer con imagen aparesca de ocapo a un estado normal, pero lo que necesito es darle un tiempo para que comienze y no sea cuando abra la pagina..

el siguiente codigo es..

Código:

<script language="JavaScript">
//fades layer in
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opac = 0;

function fadeIn() {
	if(opac != 100){
		opac+=1;
		if(ie5) document.getElementById('fade').filters.alpha.opacity = opac;
		if(ns6) document.getElementById('fade').style.MozOpacity = opac/100;
		setTimeout('fadeIn()',10);
	}
}
</script>

saludos

caricatos · #2 (**permalink**) 09/12/2005, 16:40

Hola:

El tiempo en milisegundos es el 2º parámetro del método setTimeout()...

Para que funcione 5 segundos después de abrir la página sería:

<body onload="setTimeout('fadeIn()', 5000)" >

Saludos

foxgenco · #3 (**permalink**) 09/12/2005, 22:24

Gracias caricatos por tu ayuda, funciono perfectamente

ivangar · #4 (**permalink**) 09/12/2005, 23:00

podrias ponerlo para ver como quedó foxgenco??

saludos y gracias

furoya · #5 (**permalink**) 12/12/2005, 11:32

Hola foxgenco, caricatos, ivangar :

Agrego un dato. La opacidad de ese código es para IE/FF. Hay algunos más que aceptan el efecto pero cambiando un poco el escript.

Opacidad de una capa

Efecto 'enfoque' con cambio de opacidad

saludos

foxgenco · #6 (**permalink**) 16/12/2005, 21:43

Entra a mi pagina y se podra ver lo que queria sobre la el efecto