首页 > Jquery > 基于Jquery的图片延迟加载jquery.lazyload.js 插件
2013
07-29

基于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>

方法就这么简单。

最后编辑:
作者:管理员
这个作者貌似有点懒,什么都没有留下。

留下一个回复