Lazyload图片懒加载

素材火 2015-04-14 12:55:21
当有大量图片的时候,通过Lazyload图片懒加载插件,会让图片陆续加载,从而提升了页面打开速度,素材火首页和网页特效列表页正式采用的这种方法。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lazyload.js"></script>

接着我们放置多个有图片的列表,注意图片上的属性original,即真正图片的地址,并且每个图片加上了.lazy。
<img src="images/grey.gif" original="http://www.sucaihuo.com/jquery/logo/45/middle.jpg" alt="超炫的弹出层效果Fancybox" class="lazy" />

$(function() {
$("img.lazy").lazyload({effect: "fadeIn"})
})


...全文
62 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
这是分享??

87,915

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧