jQuery按需加載圖像

Question

我試圖按需加載圖像，以防止下載不需要的圖像。我正在使用jQuery。到目前爲止，這是我所想出的：

$('#region_image').attr({'src':'/images/'+e.key+'.jpg'}).load(function(){ 
    $(this).fadeIn(); 
}); 
// e.key is the name of the image I want to load now. 

是否有任何警告使用此？

編輯：

買者NR。 1：

在循環中綁定load事件時，請記住它將在下次運行時綁定兩次。

警告號碼。 2：

試圖加載的映像必須始終存在，或者應該有錯誤處理。

Answer 1

這是一個很好的庫：如果我們能看到它們JAIL

選擇圖像將被下載，當他們視口（矩形視區）內可見。圖像可以在觸發事件（例如點擊，鼠標懸停和滾動）之後或在指定的延遲之後加載。建立DOM後（文檔準備就緒），建議調用jail（）。