通過AJAX加載內容和預加載圖像？

Question

說我有這樣的：

$(function() { 
    $('a').click(function(e) { 
     e.preventDefault(); 
     var h = $(this).attr('href'); 
     $('#content').load(h); 
    }); 
}); 

這實際上不加載圖像，以及它只是加載內容，你如何去太加載實際圖像？

有些人似乎並不明白：我的意思是它確實會加載圖像，但不會「預加載」，因此意味着您將親眼目睹圖像加載。

編輯：說在href等於somepage.html該網頁上有它的圖片以及內容，是的，它會載入圖像和內容，但它實際上並沒有在所有預載的圖片，你仍然目睹單獨加載的圖像。如何在請求中預先加載圖像？

Answer 1

試試這個：

1. 隱藏#content格，並在其上調用load。這將加載內容無形中使您的用戶不會看到每幅圖像之後
2. 綁定load事件處理的圖像加載，而當他們都開除，重新展現#content DIV

看到這個答案供參考：Know when images are done loading in AJAX response。它會告訴你到底該做什麼。

Answer 2

請參閱這裏的工作示例，瞭解如何預加載圖像;

http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript