Lazy loading breaks lightbox

Question

Using this lazy-loading code, my lightbox breaks: clicking on an image shows the lightbox but without image.

I can see that the lightbox img tag has no src value by checking the inspector. I guess the lightbox checks the src before the lazy-loading has assigned the attribute and the value to the image.

How can I fix this issue?

can you share some code it's hard to tell what's going on without observing — ANIK ISLAM SHOJIB
– ANIK ISLAM SHOJIB, Commented Aug 28, 2019 at 10:41

Sam L · Accepted Answer · 2019-08-28 10:42:25Z

2

You may be able to use the data-fullsize parameter mentioned in the documentation - if this is set on each <img> tag, they should be loaded when the gallery is opened.

An example of how this might look in the HTML (with the lazy-loading example from the link you provided):

<img data-lazy="img/cow.jpeg" data-fullsize="img/cow.jpeg">

answered Aug 28, 2019 at 10:42

Sam L

3131 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Lazy loading breaks lightbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related