用jQuery預加載大圖片

Question

所以我有這個問題，有很大的圖片（7MB），我需要顯示爲背景和東西，但是當在線瀏覽器只需要一點時間並緩慢地顯示圖片（就像它的2001年）。

有沒有辦法像flash一樣獲得某種預加載器，但使用jQuery？我已經看過很多東西，但這似乎不是實際的預加載，而是動態地引入圖像。

有沒有一種方法可以做到這一點？

Answer 1

您絕對需要爲網絡優化這些圖片。這就是說，你可以預先加載它們。當你需要的時候，我肯定會只加載他們，所以需要做這樣的事情時，你可以嘗試在存儲圖像的URL，然後某處：

var myImageUrl='image.jpg'; 
$('.imageContainer').append('<img src="'+myImageUrl+'" />'); 
$('.imageContainer img').load(function() { 
    alert('done loading image'); 
}); 

有了這個，你可以創建一個預加載器。

Answer 2

我還沒有嘗試過，但有一個jQuery插件，可以幫助，延遲加載

http://www.appelsiini.net/projects/lazyload