lazyload.js如何使用

`lazyload.js` 是一个用于图片懒加载的 JavaScript 库。使用它可以在页面滚动时延迟图片的加载，从而提高页面的加载速度和用户体验。

使用 `lazyload.js` 可以按照以下步骤进行：

1. 引入 `lazyload.js` 库文件

   <script src="path/to/lazyload.js"></script>

2. 在需要懒加载的图片标签中添加 `data-src` 属性，并将原本的 `src` 属性设置为占位图，例如：

   <img src="placeholder.jpg" data-src="image-to-lazyload.jpg" alt="example">

3. 初始化 `lazyload.js`，例如：

   // 初始化 lazyload.js
   const lazyLoadInstance = new LazyLoad({
     // 可选，指定懒加载的元素，默认为 '[data-src]'
     elements_selector: '.lazy',
     // 可选，指定加载时元素的 class，默认为 'lazyload'
     loaded_class: 'loaded',
     // 可选，指定加载失败时元素的 class，默认为 'error'
     loading_class: 'loading',
     // 可选，指定图片加载的 root margin，默认为 0px
     threshold: 500,
   });

4. 当页面滚动时，`lazyload.js` 会自动加载图片。

更多详细的使用方法和配置选项可以参考 `lazyload.js` 官方文档：https://github.com/verlok/lazyload