图片懒加载jquery lazyload
2015-12-08 09:58
316 查看
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery.lazyload.min.js"></script>
<script type="text/javascript">
$(function($){
$("img.lazy").lazyload({
placeholder : "${ctx}/img/loading.jpg",//图片加载之前显示的图片
effect : "fadeIn"
});
})();
</script>
<img data-original="图片地址" width="60px" height="60px" class="lazy">
<script type="text/javascript" src="jquery.lazyload.min.js"></script>
<script type="text/javascript">
$(function($){
$("img.lazy").lazyload({
placeholder : "${ctx}/img/loading.jpg",//图片加载之前显示的图片
effect : "fadeIn"
});
})();
</script>
<img data-original="图片地址" width="60px" height="60px" class="lazy">
相关文章推荐
- 如何用jQuery封装插件
- #学习笔记#(6)mouseenter-mouseleave显示隐藏内容-jQuery
- jquery效果大全
- jquerymobile动态添加元素之后不能正确渲染解决方法
- jQuery实现的简单提示信息插件
- jQuery遮罩层实现方法实例详解(附遮罩层插件)
- jQuery实现form表单基于ajax无刷新提交方法详解
- jQuery使用$.ajax进行即时验证的方法
- jquery+ajax实现注册实时验证实例详解
- jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
- jQuery基于ajax()使用serialize()提交form数据的方法
- jQuery滑过头像图片展示个人信息效果
- jQuery dataTables 的使用
- jQuery dataTables四种数据来源[转]
- ***浅析JQuery中的html(),text(),val()区别
- jquery plugins
- jQuery实现简单进度条效果
- Jquery对表单的一些操作
- ***jQuery使用总结(原创)
- jquery之下拉列表select