在ajax站點預加載站點圖片

Question

我有一個使用pjax在Sinatra上運行的組合web應用程序。如果點擊「WORK」並進入每個項目，您將看到圖像加載。當您訪問masedesign.com時，我希望圖像在後臺加載。

加載整個網站（大約25MB）將花費很多帶寬。也許我應該爲每個項目加載第一張圖片。

我該如何在img標籤中預加載圖像？

Answer 1

var images = ['my.jpg', 'cool.jpg', 'images.jpg']; 

$.each(images, function(key, value) { 
    (new Image()).src = value; 
}); 

它雖然使用jQuery，寫事半功倍......

Answer 2

圖片開始加載時，他們放置在頁面上，或者如果在JavaScript創建的，一旦你給它一個src屬性。

image = new Image(); 
image.onload = function() { 

    alert("I loaded!"); 
} 

image.src = imageURL;