Ajax請求gif

Question

我已經看到，正在處理ajax請求時加載的動畫加載gif。我想知道這是如何完成的。

例如，有很多從css文件加載的圖像。在加載這些圖像之前，我可以使加載gif出現嗎？

Answer 1

你的意思是沒有。像這樣： http://api.jquery.com/ajaxStart/

或本：How to show loading spinner in jQuery?

Answer 2

我不知道，如果你正在使用ASP.NET MVC？ 如果是這種情況，您可以使用@Ajax.ActionLink並將您的加載gif放入一個img標記中，以便在您的actionElementId的actionlink的AjaxOptions中指定id。 它看起來在某種程度上是這樣

@Ajax.ActionLink("MyAction", "MyController", new AjaxOptions(){LoadingElementId = "MyGif"}) 

然後，它會隱藏IMG GIF，直到ActionLink的被觸發。有時你需要用css自己隱藏它，但據我所知，當你只是使用img標籤時，情況並非如此

Answer 3

你並不是指Ajax。通常在CSS中聲明的圖像由瀏覽器加載。

您需要load事件，試試這個：

1 - 其中將顯示，直到所有圖像已經加載

<div id="yourDivIdWithLoadingElement:>Loading content...</div> 

2 HTML頁面中創建一個ID yourDivIdWithLoadingElement元素 - 添加此腳本在你的頭：

$(window).load(function() { 
    $('#yourDivIdWithLoadingElement').hide(); 
});