echo.js使用教程

最新推荐文章于 2024-08-16 09:32:58 发布

weixin_33973609

最新推荐文章于 2024-08-16 09:32:58 发布

阅读量702

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/anziguoer/blog/182891

本文介绍了一种利用echo.js实现图片懒加载的方法。通过在HTML中预设一张占位图片，并利用data-echo属性设置实际要加载的图片路径，当图片进入可视区域时再替换为实际图片，有效提升网页加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

echo.js使用教程：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>echo.js</title>

</head>
<body>
    <img src="./img/1.jpg" alt="photo" data-echo="./img/2.jpg">
</body>

<script type="text/javascript" src="./dist/echo.js"></script>
    <script type="text/javascript">
        Echo.init({
               offset: 200,
               throttle: 1050 //设置图片延迟加载的时间
         });
    </script>
</html>