图片懒加载，首屏（目测浏览器最大化窗口时的可见范围）可见区域以外的所有图片使用懒加载，即在滚动页面的时候才自动获取图片，实现方法为采用修改img标签的src属性为src3或src4，阻止图片的加载。
<html>
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./common_lazyload.js"></script>
<body id="index">
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
<img src3="./gw.jpg"/><p>
</body>
</html>
分享到：
相关推荐
图片懒加载所需js+css+内容，解决图片懒加载失效问题。
图片懒加载文件jquery插件库EasyLazyload
图片懒加载判断图片是否滚动到视图内，使用jquery.lazyload.js插件，还得大于五十个字，真麻烦随便凑凑字吧，仅供参考
sencha touch图片懒加载
JQuery实现页面图片懒加载效果，两个文件放进去，只需加入两行代码即可实现。
简单的图片懒加载实现
JQuery LazyLoad 图片懒加载实例,相关描述可查看我的博文“JQuery.LazyLoad 实现图片懒加载”
完整的项目例子用两种js实现图片懒加载
HTML图片懒加载,亲测可用,插件也比较小,使用起来挺方便的.根据jquery 提供的 lazyload.js 插件实现图片懒加载，demo 在最下面。 lazyLoading.js 可以缓解庞大项目的网络压力lazyLoading.js图片懒加载
这是一款jQuery图片懒加载代码，点击加载更多代码，点击加载更多图片js特效。
这是一个实现网页图片懒加载的jquery插件，使用方式非常简便，效果还行。
ionic图片懒加载的简单例子，用网上常用的两种js
仿照淘宝搜索页面的图片懒加载，只加载可视的图片...
jquery实现图片懒加载.zip
推荐移动端网页使用的图片懒加载
通过自定义属性data-src来动态设置图片的src，实现通用的图片懒加载（插件级别）。
微信小程序图片懒加载，防止微信列表上拉加载，下拉加载时小程序闪退，白屏，屏幕闪动，小程序崩坏，图片懒加载解放微信小程序这些图片列表多产生的问题
echo.js图片懒加载插件