JQuery глобальная анимация загрузки

Question

Есть ли способ подключить gif загрузки, используя JQuery, в любое время, когда загружается какое-либо изображение на моем сайте в определенном div? Я хотел бы, чтобы это была глобальная функция, единственный способ, которым я могу показаться, это сделать, это использовать jquery для вызова определенной ссылки, а затем загрузить loading.gif, но это не сработает в моей ситуации ...

Индекс HTML:

<div id="content"> 
    <div class="projectThumb"> 
    <img src="/img/aeffect_button_static.gif" name="aeffect" /> 
    <p class="title">title</p> 
    </div> 
</div> 
<div id="popupContainer"></div> 

Вызывается HTML:

<div class="projectPopup" id="aeffect"> 
    <a class="close">Close &times;</a> 
    <img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" /> 

    <p class="description">Description</p> 
</div> 

JQuery:

$(document).ready(function() { 
    //Find & Open 
    $(".projectThumb").click(function(){ 
      $("#backgroundPopup").show(); 
      htmlName = $(this).find("img").attr("name"); 
      $("#popupContainer").load("/content/" + htmlName + ".html", null, function(){ 
      //Set Variables 
      var container = $(".projectPopup") 
      var popupWidth = container.find("img:first").width()+10; 
      var popupHeight = container.find("img:first").height()+60; 
      var windowWidth = document.documentElement.clientWidth; 
      var windowHeight = document.documentElement.clientHeight; 

      //Set popup dimensions 
      container.css("width" , popupWidth); 
      container.css("height" , popupHeight); 

      //Set popup CSS 
      container.css({"position": "absolute", "background": "#000", "top": "5%", "left": (windowWidth/2) - (popupWidth/2) + "px", "z-index": "2" }); 
      }); 
}); 
    //Close property 
    $("a.close").live("click", function(){ 
      $("#popupContainer").empty(); 
      $("#backgroundPopup").hide(); 
    }); 
}); 

Заранее благодарен

Answer 1

вы можете подключить beforeSend свойство прикреплять обработчик, чтобы показать индикатор загрузки. Вы можете получить дополнительную информацию here.