JQuery глобальная загрузка анимации - PullRequest
Новая
       34

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

0 голосов
/ 11 сентября 2009

Есть ли способ прикрепить загрузочный GIF, используя Jquery, каждый раз, когда загружается какое-либо изображение на моем сайте в определенном разделе? Я хотел бы, чтобы это была глобальная функция, и единственный способ сделать это - использовать 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();
    });
});

Заранее спасибо

1 Ответ

0 голосов
/ 11 сентября 2009

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

...