大圖像的圖像加載器動畫

Question

我在我的網站上的一個圖庫中有一些高分辨率圖像，並且我想要某種類型的動畫，如可在ajaxload.info處找到的圖像，以在完全顯示之前顯示我的圖像加載。它的一些建議其作爲增加這樣的事情你的CSS一樣簡單：

img { background:url('../images/ajax-loader.gif') center center no-repeat;} 

那麼對於一個這增加了這個背景圖片我透明「spacer.gif的」產生的負荷圖像中顯示出來在我的間隔是。然而，這個「方法」甚至不能用於開始。當我查看高分辨率圖像時，他們仍然從上到下加載，而我甚至沒有看到loader.gif。任何幫助？我認爲這裏到處都有關於這方面的信息，但對於我的生活我找不到它。

Answer 1

只給一個類的所有高分辨率圖像，然後在CSS中使用類名而不是全局img標籤來設置背景。

如果您使用jquery加載圖像，那麼圖像將不會從上而下加載，而只會在滿載時顯示，因此背景加載器圖像將可見，並且一旦圖像完全加載並顯示裝載機將被覆蓋。這種方法非常有效，因爲它非常簡單，你可能只是錯過了一些東西。