Можете ли вы помочь мне добавить "пульсатор" к этой функции AJAX

Question

В основном, на моей странице изображение называется div#imagebox когда функция выполнена. Но иногда изображение имеет большой размер и может занять некоторое время для загрузки, особенно если оно еще не загружено в кэш. Я хотел бы дать пользователю некоторое уведомление о том, что запрос обрабатывается. Я думаю, что могу сделать это с пульсатором. Я хотел бы, чтобы пульсатор отображался в div#imagebox пока изображение не будет готово. Тогда я бы хотел, чтобы пульсатор исчез.

Я посмотрел на эту страницу http://plugins.jquery.com/project/throbber но я не совсем понимаю, что я должен делать.

Могу ли я добавить что-то вроде $("div#imagebox").throbberShow(true); в существующую функцию (см. ниже?) Но где бы я ее добавил? Нужен ли мне параметр true?

Спасибо за вашу помощь.

 function showImage(ms, pid)     
 {
   $.get("../msimages/image.php", {ms: ms, pid: pid}, function(txt)        
    {        
      $("div#imagebox").html(txt);    
    }); 
 }

Answer 1

В вашем случае, похоже, вы бы добавили его следующим образом. Я не верю, что нужен истинный параметр:

function showImage(ms, pid)     
 {
   $.throbberShow({ajax: true, parent: imagebox); // add this line.
   $.get("../msimages/image.php", {ms: ms, pid: pid}, function(txt)        
    {        
      $("div#imagebox").html(txt);    
    }); 
 }

Это должно загрузить изображение в #imagebox, и когда ajax завершит загрузку, оно должно перезаписать все, что там есть.