扫码关注官方订阅号
小伙看你根骨奇佳,潜力无限,来学PHP伐。
lazyload ,又叫懒加载技术。可以自己实现一个,很简单。没必要用插件。一直用插件,会用傻的。尤其是对初学者。实现原理:是给img一个自定义的属性里面存放真是图片的地址,默认的src为示意图片的图片地址。如:
lazyload
<img src="demo.png" real-src="realsrc.img" />
然后监听滚动事件,当滚动的视觉区域,控制替换img 的src 为real-src的地址。
lazyload,有很多现成的包可以做这个了: https://github.com/verlok/laz...
懒加载,有现成的JS库可以用。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
lazyload,又叫懒加载技术。可以自己实现一个,很简单。没必要用插件。一直用插件,会用傻的。尤其是对初学者。实现原理:
是给img一个自定义的属性里面存放真是图片的地址,默认的src为示意图片的图片地址。如:
然后监听滚动事件,当滚动的视觉区域,控制替换img 的src 为real-src的地址。
lazyload,有很多现成的包可以做这个了: https://github.com/verlok/laz...
懒加载,有现成的JS库可以用。