gif анимация при загрузке контента

[yeaahhh]

Друзья. Подскажите, пожалуйста, в чём моя ошибка?
Хочу, чтобы выводилась анимация в промежутке между передачей данных..
вот кусок код..

                $.ajax({  
                    type: "POST",  
                    url: "save_user.php",  
                    data: "login="+$("#login").val(),  
                    success: function(html){  
$("#content").empty().html('<img src="loading.gif" />');
$('#ttip').addClass("tip");
                        $("#content").html(html); 
                     }  
                });

Пробовал ставить sleep(), но картинка всёравно не появляется..
Заранее большое спасибо!

 

[wal]

картинку нужно начинать показывать перед вызовом $.ajax..
а скрывать как раз в success:


и лучше картинку не добавлять как у вас,
а заранее вставить в страничку и скрыть через dispay:none
и когда нужно просто ее покащывать меня none на block

 

[Mr.Emm]

#loadinfo {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 10px;
background: url('load.gif') no-repeat;
}

<div id="loadinfo" style="display:none;"></div> 
   
$('#loadinfo').ajaxStart(function(){ 
      $(this).show();
   }); 
$('#loadinfo').ajaxStop(function(){ 
       $(this).hide();
    });

 

[alica]

Друзья. Подскажите, пожалуйста, в чём моя ошибка?
Хочу, чтобы выводилась анимация в промежутке между передачей данных..
вот кусок код..

                $.ajax({  
                    type: "POST",  
                    url: "save_user.php",  
                    data: "login="+$("#login").val(),  
                    success: function(html){  
$("#content").empty().html('<img src="loading.gif" />');
$('#ttip').addClass("tip");
                        $("#content").html(html); 
                     }  
                });

Пробовал ставить sleep(), но картинка всёравно не появляется..
Заранее большое спасибо!

И не будет показываться надо как-то так:

$('.click').click(function(){
    $("#content_loading").show();
    $.ajax({
         type: "POST",
          url: "save_user.php",
          data: "login="+$("#login").val(),
          success: function(html){
               $("#content_loading").hide();
               $('#ttip').addClass("tip");
               $("#content").html(html);
          }
          });
});