在網頁中最後加載遠程圖像

Question

我鏈接到服務上的很多遠程圖像。問題是有時候，檢索圖像需要很長時間，整個頁面會因此而停頓。我能做些什麼來最終加載圖像？

Answer 1

從遠程圖像刪除src和給每個那些IMG標籤的唯一ID。創建一個jQuery函數爲每個img分配src，並在頁面準備就緒時調用該函數。

<img id="img1" /> <img id="img2" /> <img id="img3" />

$(document).ready(function() { 
    $("#img1").attr("src","img1.jpg"); 
    $("#img2").attr("src","img2.jpg"); 
    $("#img3").attr("src","img3.jpg"); 
}); 

Answer 2

如果你想使用jQuery，那麼你可以看看延遲加載的jQuery插件：http://www.appelsiini.net/projects/lazyload

Answer 3

您可以將HTML與圖像文件上的準備：

$(function(){ 
$('#container_id').append('<img scr="path_to_big_image">'); 
});