Desvanecer gradualmente una imagen

lokitaforever · #1 (**permalink**) 09/10/2005, 06:33

Hola!! queria saber si alguien me puede ayudar a modificar este script http://www.dynamicdrive.com/dynamici...hlightgrad.htm es cuando una imagen esta casi transparente y al poner el raton encima se va aclarando, cuando quitas el raton, pues la imagen vuelve a desvanecerse al instante. Yo quisiera saber si se puede conseguir que al quitar el raton la imagen se desvanezca gradualmente, igual que cuando se aclara que va poco a poco, pues igual al desvanecerse, he visto un codigo con nereidFade o algo asi pero no funciona en mozilla, en cambio el de diynamicdrive si, alguien podria ayudarme?? o decirme como hacerlo?? yo es que de javascript sé poquisimo :(.
MUCHAS GRACIAS DE ANTEMANO
besosss

JavierB · #2 (**permalink**) 09/10/2005, 09:46

Hola lokitaforever

A ver si este código te sirve:

Código PHP:

  <html>
<head>
<title>Untitled</title>
<script>
fil = 20;
function oscurecer(mas) {
  obj = document.getElementById('im');
  fil += mas;
  obj.style.filter = 'alpha(opacity='+fil+')';
  obj.style.MozOpacity= fil / 100;
  if (fil==100 || fil==20) {
    clearInterval(pepe);
    fil=20;
  }
}
function aclarar() {
  clearInterval(pepe);
  pepe = setInterval('oscurecer(-10)',300);
}
</script>
</head>
<body>
<img src="imagen.jpg" id="im" style="filter:alpha(opacity=30); -moz-opacity:.3;" 
onmouseover = "pepe = setInterval('oscurecer(10)',300)" onmouseout = "aclarar()" />
</body>
</html>

Saludos,

tunait · #3 (**permalink**) 09/10/2005, 09:50

Vamos al foro de javascript.

movido desde (x)html

saludos

lokitaforever · #4 (**permalink**) 10/10/2005, 04:34

Muchas gracias JavierB!! voy a probarlo ahora mismo ;) gracias x la respuesta
Y sorry x equivocarme de foro ;)
besossss