jQuery: imagen de loading en $.post

[hector2c]

hola, la pregunta es sencilla, que tengo que agregar para que muestre una imagen loading hasta que se termine a carga ??

Código HTML:

function buscar() {
$.post("ajax_buscar_general.php",{
    tit_exi:$("#tit_exi").val(),
	  ide_tli:$("#ide_tli").val(),
	  nom_aut:$("#nom_aut").val(),
	  tem_exi:$("#tem_exi").val()
}, function(response) {
	$("#div_resultado").html(response);
	$("#resultado").tablesorter({widgets: ['zebra'], headers: { 6:{sorter: false}}});
	$("#resultado tr").mouseover(function(){ $(this).addClass("over"); }); 
	$("#resultado tr").mouseout(function(){ $(this).removeClass("over"); });
});
}	

[juaniquillo]

yo lo que hago usualmente es agregar la imagen con la función html(), algo así:

Código:

 $('div.imagen_loading1').html('<img src="imagenes/ajax-loader.gif" />');

una vez venga la respuesta la quito:

Código:

 $('div.imagen_loading1').html('');

aunque te advierto que yo soy muy novato usando javascript. no se si sea lo mejor.