首页 > 代码库 > jquery.lazyload 使用
jquery.lazyload 使用
1、引用js
<script src="http://www.mamicode.com/jquery.js" type="text/javascript"></script><script src="http://www.mamicode.com/jquery.lazyload.js" type="text/javascript"></script>
2、需要加载的图片写成以下的形式:
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
或者:
<img class="lazy" data-original="img/example.jpg" src="http://www.mamicode.com/Content/images/home/nopic_shop.png" width="640" height="480">
最下面的是有默认图的。建议用下面的
3、在要加载的页面,加上js
$(function() { $("img.lazy").lazyload();});
我一般使用下面有效果的模式:
//加载图片
$("img.lazy").lazyload({
effect: "fadeIn"
});
更多需求文档,请参考官方的介绍:
http://www.appelsiini.net/projects/lazyload
jquery.lazyload 使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。