Como cambio esto en funcion FADE

CHILENOCES · #1 (**permalink**) 23/11/2002, 12:52

ESTE ES EL CODE :

<html>
<head>

<style type="text/css">
#im {
FILTER: alpha(opacity=50)
}
</style>

<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>

</head>

<body>



<img SRC="imagen.gif" id="im" onmouseover="high(this)" onmouseout="low(this)">
</body>
</html>

Eso hace que la imagen aparezca nublada y onmouseover se vea 100% pero quiero invertir el efecto osea que este al principio 100% y onmouseover se nuble

Creo que es pan comido pero no se de JS.

Saludos y gracias.

. · #2 (**permalink**) 23/11/2002, 13:49

le hice unas cuantas modificaciones

Código:

<html>
<head>
<!-- Copiar dentro del tag HEAD -->
<style type="text/css">
#im {
FILTER: alpha(opacity=100)
}
</style>

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

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

</head>

<body>

<img SRC="logo_header.gif" id="im" onmouseover="high(this)" onmouseout="low(this)">
</body>
</html>

CHILENOCES · #3 (**permalink**) 23/11/2002, 13:53

Muchas gracias . por tu ayuda me es muy util gracias y Saludos.