TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
/
注册
用户名
邮箱
搜索到 1 篇与 图片懒加载 的结果
2019-09-18

Typecho实现图片懒加载(lazyload)

Typecho实现图片懒加载(lazyload)
基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。注意事项:需要真正实现图片延迟加载,必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同,则只是一个特效而已,并不达到延迟加载的功能。1、修改 HTML 代码中需要延迟加载的 img 标签<img class="lazy" src="img/loading.gif" data-original="example.jpg"> Typecho在主题文件 index.php 找到:<img src="<?php echo articleThumb($this);?>" alt="<?php $this->title(); ?>"> 替换:<img class="lazy" src="<?php $...
2019年09月18日
320 阅读
0 评论