首页 > Web开发 > 详细

高性能异步图片加载器的JS库:lazysizes

时间:2016-12-30 10:20:29      阅读:249      评论:0      收藏:0      [点我收藏+]
<script src="lazysizes.min.js" async=""></script>
使用示例
<!-- non-responsive: -->
<img data-src="image.jpg" class="lazyload" />
<!-- responsive example with automatic sizes calculation: -->
<img
    data-sizes="auto"
    data-src="image2.jpg"
    data-srcset="image1.jpg 300w,
    image2.jpg 600w,
    image3.jpg 900w" class="lazyload" />
<!-- iframe example -->
<iframe frameborder="0"
    class="lazyload"
    allowfullscreen=""
    data-src="//www.youtube.com/embed/ZfV-aYdU4uE">
</iframe>

  

高性能异步图片加载器的JS库:lazysizes

原文:http://www.cnblogs.com/rchao/p/6235601.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!