Tagged: dynamic, lazy loading, Lightbox
Q. Does Masonry Gallery under “Media Elements” use lazy loading to fetch it’s images?
I am not inquiring about Masonry under the “Content Elements” that creates a Masonry Portfolio. I’m asking specifically about the Masonry Gallery under the “Media Elements” tab in ALB.
Visually, the images appear to dynamically load as you scroll down the page. But that doesn’t necessarily mean they are fetched server side dynamically. They could already be loaded as hidden elements in the web page’s HTML. I am asking because I want to load a Masonry Gallery in a lightbox window and I need to code the Javascript to refresh some data attributes that are native to the lightbox. FYI, it is not the default lightbox that comes loaded with Enfold. I am not inquiring for assistance or instructions with this. I’m just asking about how the Masonry Gallery works technically, so I know how to tackle this to make it work.
Thanks for any input you can offer.
Hey websitegurus!
The images loading in don’t get loaded into the page until they are requested.
Best regards,
Devin
Hey!
We use ajax to query the next set of images when the user scrolls down. The image query can be found in wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php (function called “query_entries_by_id”).
Regards,
Peter