airbnb 圖片還沒有出現的時候有背景顏色,等到圖片讀取完了再顯示

火爆浪子
  • 2.8k

https://www.airbnb.com.tw/s/r...

這個效果是怎麼實現的?
就是圖片還沒有出現的時候有背景顏色(灰色),等到圖片讀取完了再顯示圖片,灰色背景消失,一點違和感也沒有,這是怎麼技術做的?

回复
阅读 1.5k
2 个回答

黑色背景是遮罩,图片加载好了,遮罩透明度变为0,就这样。
demo

我看了下,感觉是一个懒加载的方式~

如果是的话用 lazyload.js 试试~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏