Antes que todo agradecer cualquier ayuda o sugerencia.
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> Y aca tengo el codigo jQuery:
Código:
$(".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);
});
});
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.
Saludos desde CHILE