top of page
ARVA FINAL-03.png

All Posts

bottom of page
$w.onReady(() => { // Select all images that need lazy loading const lazyImages = $w('Image').filter(img => img.link === null); // Filter images with no link or specific criteria // Function to lazy load an image function lazyLoadImage(img) { const dataSrc = img.src; // Assuming the placeholder src is initially blank or a loading image const actualSrc = img.dataSrc; // Assuming you set the real source in a custom attribute (e.g., "dataSrc") if (actualSrc) { img.src = actualSrc; // Set the actual image source img.dataSrc = ''; // Clear the data source to avoid re-triggering } } // Attach `onViewportEnter` to each lazy-load image lazyImages.forEach(img => { img.onViewportEnter(() => lazyLoadImage(img)); }); });