推荐使用：unveil.js — 轻量级的jQuery/Zepto.js图片懒加载插件
unveil.js 是一个轻量级的图片懒加载插件，它使用 data-src 属性来替代常规的 src 属性，直到元素“出现”在视窗中才加载图片。这有助于提高页面加载性能，特别是对于拥有大量图片的网页。
以下是如何使用 unveil.js 的示例代码：
- 首先，确保在页面中包含了 jQuery 或 Zepto（unveil.js 的依赖）库。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="path/to/unveil.js"></script>- 接着，在 HTML 中为你想要懒加载的图片设置 data-src 属性：
<img data-src="path/to/image.jpg" alt="描述文字">- 最后，使用 unveil.js 初始化懒加载：
$(document).ready(function() {
$("img").unveil(200); // 200 是可选的，表示在距离视窗多少像素时开始加载图片
});这样就设置好了 unveil.js 的基本使用，当用户滚动页面时，远离视窗的图片将会被懒加载进来，从而提高页面加载性能。
评论已关闭