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

方法就这么简单。

posted on 2012-08-08 10:53  丫a 头  阅读(216)  评论(0编辑  收藏  举报