Alguien me puede explicar?

fiend · #1 (**permalink**) 25/08/2002, 20:36

Hola alguien me puede explicar esto :



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

<script language="JavaScript1.2">
function high(which2)
{
theobject=which2;
highlighting=setInterval("highlightit(theobje ct)",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>



<img id="im" onmouseover="high(this)" onmouseout="low(this)">

-----------------------------------------
Se supone que es un efecto para cuando pase el puntero del mouse sobre una imagen
Lo que pasa es que no le entendi al segundo paso

, osea, como que ponga dentro del "tag IMG"??, alguien me puede poner un ejemplo de como debo colocarlo?? :P

Gracias!! ;)

chivi · #2 (**permalink**) 25/08/2002, 20:46

Hola buenas:
Lo que hace el script, es ponerte opacidad a la imagen que vos indicque al 50%, y que al pasar sobre ella, ésta se vaya incrementando hasta llegar a su opacidad 100%.
Para hacerlo, TAG se refiere a una directida dentro de < y >. Como bien te indica al final del script, solo te falta indicarle la dirección de la imagen:

<img src=tuimagen.jpg id="im" onmouseover="high(this)" onmouseout="low(this)">

Saludos!

<html><center><embed src="http://www.iespana.es/redmaestro/banner.swf" height=75 width=500>
</embed></center></html>

chivi · #3 (**permalink**) 25/08/2002, 21:00

Ahhh y la explicación... pues ésto es lo que debes tener en cuenta:

<html>
<head>
<style type="text/css">
#im {

//Opacidad que tendrá la imagen nada más ser cargada
FILTER: alpha(opacity=50)

}
</style>

<script language="JavaScript1.2">
function high(which2)
{
theobject=which2;

//Te aconsejo no cambiar esta parte
highlighting=setInterval("highlightit(theobje ct)",50);

}
function low(which2)
{
clearInterval(highlighting);

//Opacidad que tendrá al quitar el mouse de la imagen
which2.filters.alpha.opacity=50;

}
function highlightit(cur2)
{
if(cur2.filters.alpha.opacity<100)

//Velocidad con la cual volverá a su opacidad normal
cur2.filters.alpha.opacity+=5

else if(window.highlighting)
clearInterval(highlighting)
}
</script>
</head>
<body>
<img src=imagen.jpg id="im" onmouseover="high(this)" onmouseout="low(this)">
</body>
</html>

Chao!

<html><center><embed src="http://www.iespana.es/redmaestro/banner.swf" height=75 width=500>
</embed></center></html>

fiend · #4 (**permalink**) 25/08/2002, 21:21

Wow!

Que rapido contestan aqui!!

Muchas Gracias! ahora si ya le entendi :P