airbnb 的 lazyload?
https://www.airbnb.com/s/expe...
我在網路查都沒有相關的資源
請問有人可以解析他怎麼寫的嗎?
就是圖片還沒有加載完會先有一個模糊圖,再fadeIn原圖。很神奇,我知道叫 lazyload,但沒有找到一樣類似效果的套裝....
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
lazy load 的标签一般这么写
<img src="" data-url="imgurl" />
它的的原理就是检测图片位置是否即将进入视窗内
即将进入时用 JavaScript 把
data-url
的链接搬到 src,这个时候浏览器就会加载图片至于有的图片可以从模糊到清晰,可以参考渐进式 jpeg
https://cloudinary.com/blog/p...