javascript - 使用 lazysizes 延迟加载背景图像

Question

我想用库 http://afarkas.github.io/lazysizes/ 加载背景图像“懒惰”
他们确实提到可以延迟加载“任何东西”。但是关于它的整个文档就是那个:

<div data-ride="carousel" data-script="assets/js/bootstrap.min.js" class="carousel lazyload">
    <!-- widget content -->
<div>

而且我不知道如何将其用于背景图像。有人有这方面的经验吗？

Answer 1

要使用 lazysizes 加载背景图像，请使用 data-bg 属性

import "lazysizes/plugins/unveilhooks/ls.unveilhooks";

使用示例:

<div class="lazyload" data-bg="/path/to/image.jpg"></div>