<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
margin: 0;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
img{
border: none;
vertical-align: middle;
}
</style>
</head>
<body>
<ul class="list">
<li><img class="lazy" alt="" width="640" height="480" data-original="img/img1.gif" /></li>
<li><img class="lazy" alt="" data-original="img/img2.gif" /></li>
<li><img class="lazy" alt="" data-original="img/img3.gif" /></li>
<li><img class="lazy" alt="" width="640" height="480" data-original="img/img4.gif" /></li>
</ul>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/lazy.min.js" ></script>
<script>
$(function() {
//默认加载
//$("img.lazy").lazyload();
//离屏幕 200 像素时提前加载
// $("img.lazy").lazyload({
// threshold : 200
// });
//点击加载
// $("img.lazy").lazyload({
// event : "click"
// });
//淡入效果加载
$("img.lazy").lazyload({
effect : "fadeIn"
});
});
</script>
</body>
</html>
效果图：
相关推荐
图片懒加载文件jquery插件库EasyLazyload
这是一个实现网页图片懒加载的jquery插件，使用方式非常简便，效果还行。
这是一款jQuery图片懒加载代码，点击加载更多代码，点击加载更多图片js特效。
图片懒加载所需js+css+内容，解决图片懒加载失效问题。
JQuery实现页面图片懒加载效果，两个文件放进去，只需加入两行代码即可实现。
JQuery LazyLoad 图片懒加载实例,相关描述可查看我的博文“JQuery.LazyLoad 实现图片懒加载”
NULL 博文链接：https://onestopweb.iteye.com/blog/2393017
shopex实现图片懒加载所需的jq文件
主要介绍了jQuery图片懒加载 lazyload.js使用方法，通过设置临界点,占位符,设置事件来触发加载等等来讲解lazyload.js的使用,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
jQuery图片延迟加载插件Lazy Load，在网页上出现大量图片的时候，一下加载全部图片需要加载比较长的时间，懒加载的目的就是减少加载时间，按需加载从而达到提升用户体验的目的。
加载大量图片， 真正的实时加载 ， 节省带宽 ， 优化速度
JQuery LazyLoad 图片懒加载实例,
资源免费，欢迎交流，相互学习（图片或者视频懒加载）采用了jquery.lazyload插件
插件描述：jQuery无限滚动瀑布流式显示.
主要介绍了jQuery+ajax实现滚动到页面底部自动加载图文列表效果,模拟图片懒加载功能,涉及jQuery的ajax与asp.net交互动态显示页面内容的相关技巧,需要的朋友可以参考下
给泡泡网开发控件，本来想直接用JQ的延迟控件，但是JQ的延迟控件只是加快了加载速度，没有省带宽，也就是说JQ的懒加载并没有实际提升图片的传输量，本人讲不明白，还是请各位把代码DOWN了以后验收 {ht
以下是实现代码(基于jquery): 代码如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(typeof ...
Lazy Load是一个用 JavaScript 编写的jQuery插件. 它可以延迟加载长页面中的图片. 本文对它进行实例介绍，具有很好的参考价值，下面跟着小编一起来看下吧
一个jq插件，实现的是对页面上所有的img元素进行管理，当图片快要进入可视窗口时，就加载图片，否则图片就代表图片可以等等尚不需要进行加载，懒加载可以提高前端性能的同时减少服务器压力；