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

Question

我链接到我服务上的很多远程图像。问题是，有时，检索图像需要很长时间，因此整个页面都会停止。我该怎么做才能在最后加载图像？

Answer 1

如果你想使用jQuery，那么你可以查看jQuery的Lazy Load Plugin：http://www.appelsiini.net/projects/lazyload

Answer 2

从远程图像中删除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 3

您可以在文档就绪上附加带有图像的html：

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