Ayuda con este script...
Hola... Bueno... Tengo una duda sobre este script... Se supone que al ponerlo... La imagen x tiene una propiedad tipo alpha... Y al pasar el mouse por encima se va haciendo visible poco a poco... Lo que quisiera hacer... Es que al quitar el mouse también se vaya opacando poco a poco y no tan rápido como lo hace este script... Si pudieran ayudarme se los agradecería...
<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>
<img src="imagen.gif" width="165" height="168" border="0" alt="" id="im" onmouseover="high(this)" onmouseout="low(this)">
<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>
<img src="imagen.gif" width="165" height="168" border="0" alt="" id="im" onmouseover="high(this)" onmouseout="low(this)">
1 respuesta
Respuesta de bobbin
1
Para hacer lo que quieres, tienes que cambiar la función low por el código:
function low(which2)
{
clearInterval(highlighting);
theobject=which2;
highlighting=setInterval("lowlightit(theobject)",50);
}
function lowlightit(cur2)
{
if(cur2.filters.alpha.opacity<50)
cur2.filters.alpha.opacity-=5
else if(window.highlighting)
clearInterval(highlighting)
}
Sencillamente se hace una llamada al igual que en highlightit pero restando 5 cada vez que se llama.
Una forma de que vaya más lento aún es cambiando 50 por un valor más alto en las llamadas a setInterval.
function low(which2)
{
clearInterval(highlighting);
theobject=which2;
highlighting=setInterval("lowlightit(theobject)",50);
}
function lowlightit(cur2)
{
if(cur2.filters.alpha.opacity<50)
cur2.filters.alpha.opacity-=5
else if(window.highlighting)
clearInterval(highlighting)
}
Sencillamente se hace una llamada al igual que en highlightit pero restando 5 cada vez que se llama.
Una forma de que vaya más lento aún es cambiando 50 por un valor más alto en las llamadas a setInterval.
