Imagen que se desvanece

Podemos conseguir un bonito efecto de desvanecimiento de im�genes de la siguiente forma.

Introducir el siguiente script dentro del HEAD

<script>
   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);
   }
}
</script>

Intoducir el siguiente script en el body, y luego cambiar el origen de la imagen y el enlace si lo tuviera.

<a onFocus=if(this.blur)this.blur() href="javascript:;">
 <img onMouseOver=nereidFade(this,50,30,5)
  style="FILTER: alpha(opacity=100)" 
 onMouseOut=nereidFade(this,100,00,5) 
 height=15   src="imagenes/afiliados.gif"  
 width=133 border=0> 
</a>

Valoraci�n

Comentarios

A�adir un comentario

Si no est� de acuerdo con algo o quiere a�adir m�s informaci�n al respecto puede incluirla a�adiendo un comentario.

Colabora

�Te sientes capacitado para escribir un art�culo como este? �Te gustar�a colaborar escribiendo art�culos en WebEstilo? H�znoslo saber !!