javascript - 关于lazyload图片懒加载的一些问题
ringa_lee
ringa_lee 2017-04-10 14:41:11
[JavaScript讨论组]

我有这么一个问提,一开始很多图片,src是正常的图片,我需要用js把所有src改成lazyload的小图,再加上src,可是页面一加载js未执行就会执行src的http请求,把js放在head的话又获取不到所有的图片,有什么办法读取到img标签却不让src执行http请求呢?(图片一开始就是 ,不能改,通过文本编辑器写的)

整理:

如何在不修改內容源碼的前提下,做到 lazyload。

ringa_lee
ringa_lee

ringa_lee

全部回复(3)
高洛峰

document.querySelector('img').onload试试?感觉你这个需求奇奇怪怪的..能编辑页面代码为什么不能去掉src属性呢?

黄舟

我认为这样是不可以的。

现在一般编写lazyload都是在img标签中添加一个自定义属性标签,然后再用js处理。

如上所说,是在html标签加载后,才执行js的,那样的话,img加载图片是默认行为。在没有执行js前,就已经开始了。以后期js再行处理时,也不会阻止图片的下载。

PHP中文网

建议还是直接修改模板,如果不修改模板即使实现代码也会很恶心,完全没必要。需要实现功能必须要有一定条件才能做出优化,不然还不如不改。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号