Fancybox 和 lazyload 同時(shí)存在的問題
Fancybox是圖片燈箱插件,lazyload是延遲加載插件。如果兩個(gè)插件一起使用,由于圖片延遲加載,所以在只加載了第一張圖片的時(shí)候,點(diǎn)擊第一張圖片,彈出燈箱,在燈箱中切換下一張圖片,會(huì)獲取不到延遲加載的圖片,可能會(huì)獲取到站位圖片。
解決方法,為延遲加載的圖片,添加data-src
屬性,屬性為圖片真實(shí)地址。
這樣切換的時(shí)候,F(xiàn)ancybox優(yōu)先獲取data-src的屬性,顯示真實(shí)圖片地址。
使用前:
使用后
版權(quán)聲明:
作者:applek
鏈接:http://www.aaigroup.cn/fancyboxhlazyloadtsczdwt.html
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載。
THE END