Poner imagen de carga

[jorgeazul3]

Necesito ayuda, estoy haciendo una web donde arriba tengo los botones de inicio, contacto, nosotros y hoteles, al hacer click en ellos no se carga toda la pagina por completo si no que hago que se cargue la nueva pagina en un div que tengo abajo de los botones, en ocasiones al hacer click en algun boton tarda un poco, lo que quiero es que durante el tiempo en que carga la pagina en el div se muestre una imagen de cargando, ¿como lo hago con ajax? De antemano gracia

[caricatos]

Hola:

Básicamente debes mostrar la imagen (supuestamente cambiando el estilo display "none" a "inline") antes de la instrucción ajax.send(); y con el ajax.readyState == 4 volver a ocultarlo.

Saludos

[borisdimael]

Mmm lo quere queres es algo sencillo. Mira si queres poner una imagen de cargando tenes que meter el siguiente codigo en medio del div donde apareceran los resultados asi:

<img src="ruta de la imagen" id="loading" style="display:none" border="0">

y en la parte del del JS del ajax asi.

funtion ajaxsend(accion){
$('#loading').show('fast');

justo despues del success del ajax poner lo siguiente

$('#loading').hide('fast');

Espero te resulte cualquier duda contactarme por mensaje privado asi te ayudo mas