zoukankan      html  css  js  c++  java
  • echo.js实现图片延迟加载,

    echo.js实现图片延迟加载, 效果看起来较为接近原生APP。在移动端时,可以采用此技术,实现只有屏幕当前的图片才会显示下载到本地。节约用户流量,加快网页加载速度。

    这个插件实用较为简单,源码下载就可直接实用。

    调用演示例

    <div class="pic">
    <img src="./img/blank.gif" class="img" data-echo="http://b.hiphotos.baidu.com/image/pic/item/0b55b319ebc4b745924fa817cdfc1e178b8215d3.jpg" />
    </div>
    <div class="pic">
    <img src="./img/blank.gif" data-echo="http://h.hiphotos.baidu.com/image/pic/item/5ab5c9ea15ce36d3c26af63138f33a87e950b140.jpg" />
    </div>
    <div class="pic">
    <img src="./img/blank.gif" data-echo="http://e.hiphotos.baidu.com/image/pic/item/0b55b319ebc4b7456f6d4d14cdfc1e178a821532.jpg" />
    </div>


    echo.init({ offset: 0, // 指定距离视窗上下左右位置图片预加载 Number|String Default: 0 throttle: 250, // 延迟加载 Number|String Default: 250 unload: true, callback: function(element, op) { // console.log(element, 'has been', op + 'ed') } });
  • 相关阅读:
    Python的数据类型--数字--字符串
    python基本--数据类型
    系统分区 ,硬盘格式化,
    linux 用户创建,权限,分组
    协程
    进程
    线程与进程--线程三把锁
    线程
    socket网络编程-字典
    socket网络编程
  • 原文地址:https://www.cnblogs.com/xiongdahei/p/6826505.html
Copyright © 2011-2022 走看看