只加载带有css溢出的div中屏幕上的图像

时间:2010-11-09 20:11:09

标签: jquery html

我有一个包含1000个图像的div,溢出:自动设置。它只有100像素高,宽约80000像素。这工作正常但我宁愿只加载实际在屏幕上的图像,因此当用户向右或向左滚动图像被加载时。

2 个答案:

答案 0 :(得分:1)

您在寻找lazy loader插件吗?如果您可以找到更新的分支,因为作者声称它不适用于“现代”浏览器,那将是最好的。最后我测试了(今年早些时候)它在除了IE6之外的一切都运行良好。我怀疑作者可能指的是IE8 / IE9。

答案 1 :(得分:1)

@slee,有各种各样的解决方案。

你可以使用jcarausal插件来做这类事情

http://sorgalla.com/jcarousel

在我的项目中,我显示4个图像,我只加载那些图像,当用户点击下一个或上一个时,我得到接下来的四个图像并交换src和id,

这肯定会提供更好的性能,因为每个图像都是一个http请求......

减少httprequests可以提高性能