PALM

PALM

document.addEventListener("DOMContentLoaded", function() { let lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); let active = false; const lazyLoad = function() { if (active === false) { active = true; setTimeout(function() { lazyImages.forEach(function(lazyImage) { if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") { lazyImage.src = lazyImage.dataset.src; lazyImage.srcset = lazyImage.dataset.srcset; lazyImage.classList.remove("lazy"); lazyImages = lazyImages.filter(function(image) { return image !== lazyImage; }); if (lazyImages.length === 0) { document.removeEventListener("scroll", lazyLoad); window.removeEventListener("resize", lazyLoad); window.removeEventListener("orientationchange", lazyLoad); } } }); active = false; }, 100); } }; document.addEventListener("scroll", lazyLoad); window.addEventListener("resize", lazyLoad); window.addEventListener("orientationchange", lazyLoad); }); inView( 'thumb' ).on( 'enter', function( thumb ) { var img = figure.querySelector( 'img' ); // 1 if ( 'undefined' !== typeof img ) { // 2 thumb.classList.add( 'is-loading' ); // 1 // 1 newImg = new Image(); newImg.src = img; newImg.addEventListener( 'load', function() { figure.innerHTML = ''; // 1 figure.appendChild( this ); // 1 setTimeout( function() { thumb.classList.remove( 'is-loading' ); thumb.classList.add( 'is-loaded' ); }, 100 ); } ); } } );

PALM

There are no products to list.