...
大前端

echo.js图片懒加载

1.引入echo.js。
此处选择引入BootCDN静态资源库的路径。

<script src="https://cdn.bootcss.com/echo.js/1.7.3/echo.min.js"></script>

2.在使用img标签时src设置为默认缓冲加载图片,添加

<img src="assets/img/loading.gif" data-echo="http://ossweb-img.qq.com/upload/webplat/info/yxzj/20180315/17118634921981.jpg" width="640" height="480" />

3.js初始化插件

echo.init({
    offset: 9999,
    throttle: 0
});

参数说明
offset 离可视区域多少像素的图片可以被加载
throttle 图片延迟多少毫秒加载

PHP 在 Console 控制台模式下的进度显示 标准输出 打印 CSS 强制换行和禁止换行,超出后显示省略号...
biu biu biu
小程序设置圆角在真机上不显示 border-radius js 数字转中文 阿拉伯数字转中文大写 LayerUI 子框架关闭父框架 js实现移动端双指缩放和旋转 php 图像压缩 png透明图像压缩