有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。

推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟

实现原理：

把所有需要延时加载的图片改成如下的格式：

<img lazy_src="图片路径" border="0"/>

然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时加载的图片中top小于当前可视区域（即图片出现在可视区域内）的图片的src的值用lazy_src的来替换（加载图片）：

JS代码：

1 免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 相关资料更多> 为什么这种方法不能给表格单元格赋值,该怎么解决 Jsp和Servlet中的请求转发分别怎么实现 关于jquery中的$(this) 和 js中的 this 讨论,该如何处理 js兑现考试时间倒计时 如何用javascript 改变地址栏中的网址而不跳转 javascript流入 能不能刷新指定window.name的窗口,该怎么处理 js_台历 iframe点击事件,该怎么处理 推荐阅读更多> 一个jquery有关问题 想好久了 大家 都来看看 脚本异常："return 语句不能在函数之外" js动态增多行 alert 引号有关问题 exjs 初学札记（一） 求高手帮忙解决一个javascript不大却有点难的有关问题 Jsp生成页面验证码的步骤 百度map删除标注 左侧菜单向左移动,该怎么处理 jquery依据文本名称跳到指定位置 【疑难杂症】用 ie7 浏览抛该内存不能为 read 的异常，可是火狐不会 action传送js 在一个js文件中引用另一个js文件(此文件仅包含一个js数组),如何实现,这种方法有没有什么有关问题 函数帮忙看看~解决方案 获取radio类型的input的值解决方法 javascript 兑现多文件选择 ［转］JavaScript中的障蔽技术 按钮点击更改caption值解决方案 js得到下周， 本月 最近一周 最近一月的时间段 JS里的switch如何写