在网页中最后加载远程图像

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">'); 
});