加載頁面後加載圖像

我在加載圖像時遇到問題。我試圖用load()，但沒有奏效：加載頁面後加載圖像

$().load('/wp-content/uploads/--/--/image1.jpg'); 
$().load('/wp-content/uploads/--/--/image2.jpg'); 
$().load('/wp-content/uploads/--/--/image3.jpg');

我寫JS滑塊，改變背景股利。
圖像相當大（超過100kB）。我每10秒換一次背景。當我第一次訪問這個網站時，每次背景改變時，它都是在加載圖片時的空白區域，直到所有圖片都被用作背景。

如何使用jquery加載圖像，所以即使我第一次查看網站時瀏覽器會從緩存中加載這些圖像。

更新

滑塊改變DIV背景：$(this).css("background-image","image.jpg");，所以我不能使用append，我不能使用<img src="' + image[i] + '" .. />。我只是想要加載圖像緩存，所以當我的背景會改變，圖像將被加載。

來源

2013-06-12 miszczu

http://stackoverflow.com/questions/476679/preloading-images-with-jquery – Ryan

你能看看更新嗎？ thx – miszczu

你可以有圖像名稱的數組，並追加其在頁面加載後...

$(document).ready(function() { 
    var images = ["img/image-1.jpg", "img/image-2.jpg"]; 
    for(var i = 0; i < images.length; i++) { 
     $("#slider-selector").append("<img src=\"" + images[i] + "\" />"); 
    } 
});

來源

2013-06-12 12:50:26

你可以請看看更新。 thx – miszczu

追加圖像，然後在它們被追加後刪除它們...因此，如果將它們應用於隱藏的元素，則在頁面加載時刪除該元素 –

加載頁面後加載圖像

回答

相關問題