預加載多個背景

Question

一個不錯的成員幫我預加載CSS背景圖片，我以爲我會擴大，爲更多的預裝背景圖像，但是當我試圖使一個演示中，我遇到了問題。

這是原文：

var src = 'image1.jpg' 
    , $img = $('<img src="' + src + '">'); 

$img.bind('load', function(){ 
    $('#SomeDiv').css('background-image', 'url(' + src + ')'); 
    //more code here 



}); 
if($img[0].width){ $img.trigger('load'); } 

這就是我所做的：

var src1 = 'image1.jpg' 
    , $img1 = $('<img src="' + src1 + '">'); 

var src2 = 'image2.jpg' 
    , $img2 = $('<img src="' + src2 + '">'); 

$img1.bind('load', function(){ 
    $('#SomeDiv').css('background-image', 'url(' + src1 + ')'); 
    //more code here 
}); 

$img2.bind('load', function(){ 
    $('#AnotherDiv').css('background-image', 'url(' + src2 + ')'); 
    //more code here 
}); 


if($img[0].width){ $img.trigger('load'); } 

這裏的 '工作' 例如： http://jsfiddle.net/pufamuf/k2Ycv/

感謝大家的幫助:) ）

Answer 1

原文：

if($img[0].width){ $img.trigger('load'); } 

應該是：

if($img1[0].width){ $img1.trigger('load'); } 
if($img2[0].width){ $img2.trigger('load'); }