Compañeros(as) como es de costumbre empiezo agradeciendo cualquier ayuda sugerencia o critica.
Bueno les comento que tengo un menu horizontal situado en un div(#menu) y tengo otro div donde me cargan las paginas seleccionadas en el menu el div llamado contenedor.(#contenedor).
El codigo que tengo me funciona perfectamente y al seleccionar algun item del menu me carga la pagina en el div, mi problema es que en el codigo no logro hacer que me muestre el famoso gif que muestra cargando.
Les dejo el codigo.
Código:
$(document).ready(function(){
var emi = "#menu a"; //Emisor
var rec = "#contenedor"; //Receptor
var src = "../imagenes/cargadores/molino.gif"; //Imageen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
var href = $(this).attr("href"); //Guardamos el vaolor de href de cada enlace.
$(this).click(function(){ //Cargamos en rec el contenido de cada href y le damos efectos.
$(rec).hide().after(pre).load(href, function() {$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se redireccione.
});
});
Bueno espero que me puedan ayudar llevo varios dias en lo mismo.
Nuevamente GRACIAS.