Fork me on GitHub

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js

在 Web 上引入jquery,然后引入下面的lazyload.js:

<script src=”http://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.js"></script>


在需要延时加载的图片上加上lazy类,资源图片使用data-original=””的方式引入,如下:

<img data-original=”images/mei/mei_02.png” class=”img_respon lazy” alt=”” width=”600” height=”300”>


启动js

<script>
$(function() {
$(‘img.lazy’).lazyload({
effect : “fadeIn”,
skip_invisible : false,
container: $(“.content”)
});
});
</script>

 

这样就完成了图片懒加载的效果

支持作者