Hace unos dias cree un post donde tenia problemas al hacerle clic a un enlace de un menu y cargarlo en un div la pagina, lo cual con la ayuda de todos ustedes lo pude resolver...ahora a este mismo codigo quiero darle un poquito de efectos con los famosos metodos fadeIN, fadeOut, show, animate, etc.
Entonces me dedique a averiguar sobre estos efectos y intentar hacerlo, el resultado fue un codigo que me funciona sin problemas en internet explorer y firefox PERO en la version 6 de internet explorer me arroja un error y no se como poder solucionarlo, ademas de eso cree un div donde tengo un gif animado con un texto q deberia aparecer cuando carga la pagina y eso no me aparece.
Bueno les dejo el codigo:
Aca el div donde tengo la imagen gif que aparece cuando cambio de enlace en el menu.
Código HTML:
<div id="contenido"> <div id="precarga"> <img src="imagenes/progress_circle.gif" width="32" height="32" /> Cargando el contenido...en unos segundos.</div> </div>
Código:
Bueno esto no me funciona en IE 6, pero nose porque, desde ya agradesco cualquier sugerencia y si me pueden recomendar algun efecto mas vistoso o agradable para cambiar mi codigo se les agradecere eternamente.$(".mano").each(function() { var href = $(this).attr("href"); $("#contenido").hide(); $("#precarga").show();//muestra la precarga $(this).click(function(){ //$(this).removeAttr("href"); //elimino el atributo href que vien por html para que trabaje solo con jquery $(this).attr("href","#"); $("#contenido").load(href,function(){ $("#precarga").hide();//Esconde la precarga mientras espera el servidor $("#contenido").fadeIn(1500); }); });
Saludos desde CHILE