基于Jquery的图片延迟加载jquery.lazyload.js 插件

 

图片延迟加载就是当用户访问网站的时候，加载部分内容，当页面向下滑动的时候，再次加载将要展示的内容！这是目前页面加载图片比较流行的方式。使用Jquery可以实现

点击下载 (jquery.lazyload.js)

下载完成后将其引用 在页面中

<script src="JS/jquery.lazyload.js" type="text/javascript"></script>

<script type="text/javascript">
var public = checkbrowse();
$(document).ready(function () {
$(".div img").lazyload({  //  .shgc_r img 是需要加载 的div
threshold: 200,  //设置敏感度
placeholder: "Images/jiazai.gif", //设置加载时显示的图片
effect: "fadeIn"
});
})
</script>

方法就这么简单。

转载于:https://www.cnblogs.com/lssmd/archive/2012/08/08/2627836.html