image
Inicio » Javascript » Artículos » Imagen que se desvanece




Imagen que se desvanece

 
Por Fabio Núñez
Artículos publicados: 2
Valoración media: 3.94/5
Usuario desde: 04/01/2003

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>

Bio:
Fabio Núñez, es el creador de www.dreamweavering.com, el único portal en español dedicado a Macromedia Dreamweaver.

Actualmente se dedica a la enseñanza de Diseño y programación, y a la realización de webs por encargo.

Otros artículos recientes de este autor:
Fecha publicación: 06/01/2003


Más artículos

Valoración

Este artículo ha sido valorado 459 veces. Valor:  [3.78/5]   
Malo------>Normal----->Bueno
                   

Comentarios

JC Pastor (jc8@airtel.net)09/01/2003

Es bueno tener una galería de efectos para poder enseñarlo a los clientes. Este lo tenía yo parecido, pero este me ha gustado más ;-)

Sergio (info@anecu.com)09/01/2003

tela, tela, que practico, y la web esta llena de cositas de estaaas, reconozco que aunque es una web joven mola...

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.

Nombre:
E-Mail: (opcional)
Los comentarios son moderados, no aparecen inmediatamente, son leídos por el administrador y publicados según el interés para otros lectores.

Se reserva el derecho de publicación de los comentarios introducidos.

Colabora

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









Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.