网页图片懒加载

图片懒加载组件echo.js的github传送门

使用

<body>
    <img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg">

    <script src="dist/echo.js"></script>
    <script>
        echo.init({
        });
    </script>
</body>

原理

src换成加载中或者透明的默认图片，浏览页面的时候只需要加载默认图片；当图片出现在可视范围，这个时候加载要显示的图片；把src换成自定义属性的图片地址。

效果

posted @ 2018-03-31 15:24  -echo  阅读(838)  评论(0)  编辑  收藏  举报
共AmazingCounters.com次访问