Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/11/2009, 20:23
Avatar de junihh
junihh
 
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 2 meses
Puntos: 7
Problemas con opacidad en IE6

Hola señores

Prepare un script que aplica opacidad escalada. Funciona bien con todos los navegadores, incluso con IE8, pero en IE6 no hace nada excepto cuando le toca el momento de aplicar el "style.display = 'none'".

Aqui una muestra que podran probar con IE6 y este el codigo que prepare:

Código HTML:
function transp (id,tr)
{
    var obj = document.getElementById(id).style;
    //
    obj.opacity = (tr / 100);
    obj.MozOpacity = (tr / 100);
    obj.KhtmlOpacity = (tr / 100);
    obj.filter = 'alpha(Opacity=' + tr + ')';
    obj.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + tr + ')';
}

function fadeFX (id,ini,trg,vel)
{
	var fx, ob = document.getElementById(id);
	//
	if (ini < 0) { ini = 0; } else if (ini > 100) { ini = 100; }
	if (trg < 0) { trg = 0; } else if (trg > 100) { trg = 100; }
	//
	if (ini < trg) { fIn(); } else { fOut(); };
	//
	function fIn ()
	{
		fx = setInterval (go,vel);
		ob.style.display = 'block';
		//
		function go ()
		{
			if (ini >= trg)
			{
				clearInterval (fx);
			} else
			{
				ini ++;
				transp (id,ini);
			}
		}
	}
	//
	function fOut ()
	{
		fx = setInterval (go,vel);
		//
		function go ()
		{
			if (ini <= trg)
			{
				clearInterval (fx);
				ob.display = 'none';
			} else
			{
				ini --;
				transp (id,ini);
			}
		}
	}
}
Me paso por la cabeza dejar las cosas asi y olvidarme de los visitantes con IE6, pero no seria correcto para proyectos de clientes. Alguna sugerencia sobre lo que puede estar mal ??.
__________________
JuniHH
- Mi blog
- Mi portafolio