首页 > 代码库 > 高性能异步图片加载器的JS库:lazysizes

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

<script src="http://www.mamicode.com/lazysizes.min.js" async=""></script>
使用示例
<!-- non-responsive: -->
<img data-src="http://www.mamicode.com/image.jpg" class="lazyload" />
<!-- responsive example with automatic sizes calculation: -->
<img
    data-sizes="auto"
    data-src="http://www.mamicode.com/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="http://www.youtube.com/embed/ZfV-aYdU4uE">
</iframe>

  

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