JQuery JQuery第三方插件(jquery.lazyload.js),懒加载(页面拉到下面才去加载图片)_jquery.lazyload.min.js

作者：盐析白兔 | 2024-02-20 21:11:06

踩

jquery.lazyload.min.js

demo.html：


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            height: 3000px;
            background-color: pink;
        }
    </style>
    <script src="jquery-1.11.1.js"></script>   <!--先引入JQuery-->
    <script src="jquery.lazyload.min.js"></script>  <!--再引入第三方插件-->
    <script>
        $(function () {
            //懒加载调用
            $("img.lazy").lazyload();
        })
    </script>
</head>
<body>
    <div></div>
    <!--<img src="images/01.jpg" alt=""/>-->
    <img class="lazy" data-original="images/01.jpg" width="640" height="480">
</body>
</html>

images/01.jpg：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/120905