diff --git a/static/lazy.js b/static/lazy.js index bee6e3b..869378d 100644 --- a/static/lazy.js +++ b/static/lazy.js @@ -1,19 +1,16 @@ -window.onload = function () { - // Get all elements with loading="lazy" - var lazyImages = document.querySelectorAll('img[loading="lazy"]'); + window.onload = function () { + // Get all elements with loading="lazy" + var lazyImages = document.querySelectorAll('img[loading="lazy"]'); - // Loop through each image and apply the fade-in effect - lazyImages.forEach(function (lazyImage) { - lazyImage.style.opacity = 0; - lazyImage.classList.add("lazy-image") - console.log(lazyImage) + console.log(lazyImages) - // Create an image element to check when it's loaded - var img = new Image(); - img.src = lazyImage.src; - img.onload = function () { - console.log("lloooaded") - lazyImage.style.opacity = 1; - }; - }); -}; + // Loop through each image and apply the fade-in effect + lazyImages.forEach(function (lazyImage) { + console.log(lazyImage) + var img = new Image(); + img.src = lazyImage.src; + img.onload = function () { + lazyImage.style.opacity = 1; + }; + }); + };