search

hilongjw / vue-lazyload

A Vue.js plugin for lazyload your Image or Component in your application.
http://hilongjw.github.io/vue-lazyload/
MIT License
7.99k stars 867 forks source link

Lazy-Load not loading properly #183

Open AsenCME opened 7 years ago

AsenCME commented 7 years ago

capture

capture Form what I can see the problem is that it loads the image but doesn't change the loading SVG to the actual URL of the image. It also properly loads and changes the background URL of 3 of the 20 images I have on my website.

*** Ripple.svg is the picture it has to display while loading and the link underneath it is the link to the actual picture.

UPDATE: Now it refuses to load some of the pictures...

rriixx commented 6 years ago

i have the same issue. It randomly doesn't replace the src attribute with the image url. Sometimes images are loaded sometimes not. Any advice?

I use lazy loading in my carousel (vue-carousel)

AsenCME commented 6 years ago

I fixed it while ago actually. At the time of making the project I was using Firebase in conjunction with Vue.JS 2. I was never able to fully understand the issue but changing all of the pictures on the Firebase storage bucket from '.jpg' to '.png' resolved it.

bmpf commented 11 months ago

I'm still experiencing this issue, and it appears to be isolated to Chrome-based system browsers. Additionally, it seems that this particular problem is specific to the 'v-lazy:background-image' directive.