problema con fade out

gabrielos · #1 (**permalink**) 25/06/2008, 07:55

Hola a todos, tengo un problema con este codigo, el fade in funciona perfecto pero el fade out no, me podrian dar una mano? Gracias !

Código:

<html>
<head>

<script language="javascript">
//fades layer in
ie5 = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opac = 0;

function fadein() {
if(opac!= 100){
opac+=1;
if(ie5) document.getElementById('nameoflayer').filters.alpha.opacity = opac;
if(ns6) document.getElementById('nameoflayer').style.MozOpacity = opac/100;
setTimeout('fadein()', 2);
}
}

function fadeOut() {
if(opac!= 0){
opac+=1;
if(ie5) document.getElementById('nameoflayer').filters.alpha.opacity = opac;
if(ns6) document.getElementById('nameoflayer').style.MozOpacity = opac/0;
setTimeout('fadeOut()', 2);
}
}

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
</script>
</head>

<body>
<div onClick="MM_callJS('fadein()')">fadein</div>
<div onClick="MM_callJS('fadeOut()')">fadeout</div>

<div id="nameoflayer" style="position:absolute; left:100px; top:150px; width:100px; height:100px; clip:rect(0,100,100,0); filter: alpha(opacity=0); -moz-opacity:0; background-color:red; z-index:1">
</div>

</body>
</html>

MaBoRaK · #2 (**permalink**) 25/06/2008, 08:02

loading............

en tu fadeOut

if(ie5) document.getElementById('nameoflayer').filters.alp ha.opacity = opac;
if(ns6) document.getElementById('nameoflayer').style.MozOp acity = opac/0;

ese cero debería ser 100

connection closed.

caricatos · #3 (**permalink**) 25/06/2008, 08:18

Hola:

La opacidad ya es un estilo estándar, aunque no lo soporte explorer... lo del Moz creo que en los navegadores modernos se puede obviar... incluso funcionaría en opera y safari entre otros.

Saludos

gabrielos · #4 (**permalink**) 25/06/2008, 08:37

Muchas gracias por responder
Pequeño detalle, necesito justo para safari !!!
como seria?
asi como yo lo puse no me lo acepta
f(safari) document.getElementById('nameoflayer').filters.alp ha.opacity = opac;

Cita:

Iniciado por MaBoRaK

loading............

en tu fadeOut

if(ie5) document.getElementById('nameoflayer').filters.alp ha.opacity = opac;
if(ns6) document.getElementById('nameoflayer').style.MozOp acity = opac/0;

ese cero debería ser 100

connection closed.