Echo.js – 简单易用的 JavaScript 图片延迟加载插件

转载于 2013-12-06 13:16:36 发布 · 616 阅读

·

0

·

Echo.js是一款轻量级的JavaScript插件，用于实现图片的延迟加载功能，有助于提升网页加载速度。当图片进入可视区域时，插件会异步加载所需图片。

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

Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库，压缩后不到1KB大小。延迟加载是提高网页首屏显示速度的一种很有效的方法，当图片元素进入窗口可视区域的时候，它就会改变图像的 src 属性，从服务端加载所需的图片，这也是一个异步的过程。

　　下载地址：http://github.com/toddmotto/echo/archive/master.zip

　　在线演示：http://toddmotto.com/labs/echo

博客等级

码龄24年

4
原创

8
点赞

6
收藏

2
粉丝

关注

私信

热门文章

分类专栏

android 2篇
delphi 6篇
firebird 3篇
杂谈
JQuery&easyui 5篇
java 2篇

展开全部收起

上一篇：: jquery取checkbox的状态

下一篇：: JQuery Easyui引入easyui-lang-zh_CN.js后出现乱码的问题解决方法

最新评论

firebird外置函数
bmsr: 转载我的，还是给个原链接吧。 https://blog.sina.com.cn/s/blog_53866d75010102g9.html
在保存BLOB型字段时，怎么显示进度条？
luyulouis: 第三部分 //行回车符 procedure TForm_Login.BLOBProgress(iPercent, iMax: Integer);//行回车符 begin//行回车符 ProgressBar1.Max := iMax; // 下载时要读回/设置最大值//行回车符 ProgressBar1.Value := iPercent; // iPercent 逐渐长大//行回车符 Application.ProcessMessages;//和下句组合一起用//行回车符 sleep(10);//暂停0.010秒, 慢动作显示进度条//行回车符 end;//行回车符 (欢迎加我微信 13322926446, 邀请码: BLOB)
在保存BLOB型字段时，怎么显示进度条？
luyulouis: 第二部分 //行回车符 try//行回车符 BufferLen := BlobStream.Size div 100; // 分成 100份下载//行回车符 SetLength(Buffer, BufferLen);//行回车符 while Stream.Size<BlobStream.Size do//行回车符 begin//行回车符 ReadLen:=BlobStream.Read(Buffer[1],BufferLen);//行回车符 Stream.WriteBuffer(Buffer[1],ReadLen);//行回车符 ProgressEvent(Stream.Size, BlobStream.Size);//行回车符 end;//行回车符 finally//行回车符 BlobStream.Free;//行回车符 end;//行回车符 end//行回车符 else//行回车符 Field.SaveToStream(Stream);//如果没有转载进度事件就直接保存流, 即 TBlobField(FieldByName('img')).SaveToStream(AStream); // 下载图片并显示//行回车符 end;//行回车符
在保存BLOB型字段时，怎么显示进度条？
luyulouis: 读取 BLOB型字段时显示进度条, 代码调通了,请大家一起来优化. 第一部分(把 //行回车符在 UltraEdit 编辑软件中替换成 ^P 即可)//行回车符 //下载图片 GetBLOBField(TBlobField(FieldByName('img')),AStream,BLOBProgress);//行回车符 procedure GetBLOBField(Field:TBLOBField;Stream:TStream;ProgressEvent:TProgressEvent=nil);//行回车符 var//行回车符 Buffer:string;//行回车符 BufferLen, ReadLen:Integer; ////行回车符 BlobStream: TStream;//行回车符 begin//行回车符 if Assigned(ProgressEvent) then//如果有装载进度事件//行回车符 begin//行回车符 Stream.Position := 0; // If you set the Stream.Position to 8 instead of 0, it correctly reads into a TBitmap.//行回车符 BlobStream := TClientBlobStream.Create(Field,bmRead); // bmWrite --> bmRead 下载//行回车符
在保存BLOB型字段时，怎么显示进度条？
luyulouis: 在读取 BLOB型字段时，怎么显示进度条？

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。