Imagen que se desvanece en JS
Publicado: 14 Feb 2006, 00:14
Podemos conseguir un bonito efecto de desvanecimiento de imí?¡genes de la siguiente forma.
Introducir el siguiente script dentro del HEAD
Intoducir el siguiente script en el body, y luego cambiar el origen de la imagen y el enlace si lo tuviera.
Fuente: WebEstilo
Introducir el siguiente script dentro del HEAD
Código: Seleccionar todo
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all) return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+
rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=
setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"
+destOp+","+rate+","+delta+")",rate);
}
}
Código: Seleccionar todo
