efecto en imagenes

[the_max]

hola, me gustaria que me dijeran como puedo hacer el efecto de sombra que se desaparece de las imagenes cuando pones el mouse sobre ella, asi como en esta pàgina. intente buscar el codigo pero cuando lo pruebo no me liga. si alguien me puede ayudar se lo agradeceria.

[JavierB]

Hola the_max ¿Sabe tu mamá el tipo de páginas que visitas?

Bueno, te explicoteo. La imágen es esta:

<img id="im" src="Fotos/Alejandra_Guzman/miniaturas/TN_Alejandra_Guzman_002.jpg" onMouseOver="high(this)" onMouseOut="low(this)" border="0" alt="Alejandra Guzman&nbsp;1">

Tiene asignado un estilo:

#im {
FILTER: alpha(opacity=50)
}

que por cierto no está nada correcto, porque le pone el mismo id a todas las imágenes. Sería mejor asignarles una clase:

.im {filter: alpha(opacity=50)}

y poner las imágenes como:

<img class="im" ...

por último utiliza tres funciones para hacer el efecto:

<script language="JavaScript1.2">
function high(which2)
{
theobject=which2;
highlighting=setInterval("highlightit(theobject)", 50);

}
function low(which2)
{
clearInterval(highlighting);
which2.filters.alpha.opacity=50;
}
function highlightit(cur2)
{
if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>

Si con toda esta perorata hay algo que no te haya quedado claro, dilo y procuro explicarlo mejor.

Saludos,