Tengo dos img que están en semitrasparencia y cnd haces rollover la opacidad aumenta progresivamente. El problema es q si haces rollover y rollout suavemente en ambos funciona, pero si lo haces a lo bruto, entrando y saliendo rápidamente de ambos, las imágenes tintinean y el efecto queda muy feo.
Cómo puedo hacer para q hagas lo q hagas el eecto de fade in y fade out quede suave?
El código es el siguiente:
function fade_logo(inout) {
switch(inout) {
case 1:
for(opacidad_logo=20,tiempo_logo=30; opacidad_logo<=100; opacidad_logo+=4,tiempo_logo+=30) {
setTimeout("document.getElementById('logo').style. MozOpacity='"+opacidad_logo/100+"'",tiempo_logo);
}
break;
case 2:
for(opacidad_logo=100,tiempo_logo=30; opacidad_logo>=20; opacidad_logo-=4,tiempo_logo+=30) {
setTimeout("document.getElementById('logo').style. MozOpacity='"+opacidad_logo/100+"'",tiempo_logo);
setTimeout("document.getElementById('logo').style. opacity='"+opacidad_logo/100+"'",tiempo_logo);
setTimeout("document.getElementById('logo').style. KHTML='"+opacidad_logo/100+"'",tiempo_logo);
setTimeout("document.getElementById('logo').style. filter='alpha(opacity="+opacidad_logo+")'",tiempo_ logo);
}
break;
}
}
function fade_texto(inout) {
switch(inout) {
case 1:
for(opacidad_texto=20,tiempo_texto=30; opacidad_texto<=100; opacidad_texto+=4,tiempo_texto+=30) {
setTimeout("document.getElementById('texto').style .MozOpacity='"+opacidad_texto/100+"'",tiempo_texto);
setTimeout("document.getElementById('texto').style .opacity='"+opacidad_texto/100+"'",tiempo_texto);
setTimeout("document.getElementById('texto').style .filter='alpha(opacity="+opacidad_texto+")'",tiemp o_texto);
}
break;
case 2:
for(opacidad_texto=100,tiempo_texto=30; opacidad_texto>=20; opacidad_texto-=4,tiempo_texto+=30) {
setTimeout("document.getElementById('texto').style .MozOpacity='"+opacidad_texto/100+"'",tiempo_texto);
setTimeout("document.getElementById('texto').style .opacity='"+opacidad_texto/100+"'",tiempo_texto);
setTimeout("document.getElementById('texto').style .KHTML='"+opacidad_texto/100+"'",tiempo_texto);
setTimeout("document.getElementById('texto').style .filter='alpha(opacity="+opacidad_texto+")'",tiemp o_texto);
}
break;
}
}
Muchas gracias!!
