Ajax loading gif

Question

我想顯示加載gif，而我從服務器獲取我的實際內容。我知道如何才能做到這一點。我面臨的問題是我想將這個加載gif顯示爲模式框。有人可以幫忙嗎？

編輯：這是我在我的代碼

$('#'+buttonId).click(function(){ 

     // Put an animated GIF image insight of content 
     $.colorbox({html:"<img src='/mysite/images/" + imageId + "'/>", open:true, opacity:"0.60"}); 

      // Make AJAX call 
      $('#'+ divId).load("/mysite/" + urlToLoad); 

    }); 

在這裏，我想用顏色框的模態功能，這確實給我的模態窗口正在做......但窗口仍然開放，即使內容被加載後。

Answer 1

了模式

您使用jQuery的一樣，如果你使用的是加載GIF

• 負載數據呼叫
• 顯示模式
• 數據加載
• 隱藏或類似的東西？

Answer 2

創建一個覆蓋所有內容的div並將圖像放置在其中。通過javascript獲取視口的高度和寬度來設置div的高度和寬度，然後絕對將它定位在0,0處，Z值爲99.

Answer 3

您使用的是哪些JavaScript庫？大多數優秀的JavaScript庫都有非常易於使用的模式框插件。如果您手動編寫JavaScript應用程序，那麼我強烈建議您查看jQuery。您會對學習和使用的容易程度以及它擁有多少社區支持和插件感到非常滿意。

Answer 4

感謝所有上述回覆傢伙。我確實找到了解決辦法。我剛剛閱讀jQuery文檔，您可以指定一個回調函數作爲加載函數的一部分....我用它來關閉模態框。