Lazy Loading display issue
-
Hi Guys,
A Pro member here! Big fan of the plugin.
I have encountered an issue with the new Lazy loading feature that i need a little help on.
When LazyLoading is enabled, i can see that some of the PNG’s have their <IMG SRC’s changed to data:image/svg…. and the “lazy” class being added to the image.
So as you scroll down to the section that contains the images in question, they don’t show as you’d expect.
When you inspect the code in chrome inspector, you can see the image markup is there and has an inline style set to “display:none”. Most of the images on the page (jpeg/png/gif) load fine with LL set to on, but none of the images being displayed via the “Essential Grid” plugin (This is loaded into the page via a shortcode) will show.
It’s as if it doesn’t detect that its scrolled into view, at which point i assume it would change/remove the inline style and add the class “loaded”.
Anyway when you inspect the image, change the display:none to block or remove that style, the image appears fine.
How can i get W3TC to detect that the containing DIV has scrolled into view and that all images within should now show?
Thanks for your help
Piers
- The topic ‘Lazy Loading display issue’ is closed to new replies.