diff --git a/assets/js/script.js b/assets/js/script.js index bd478a2..a03268b 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -10,9 +10,12 @@ document.addEventListener("DOMContentLoaded", () => { footer: document.querySelector(".main-footer"), nav: document.querySelector(".main-nav"), jsLinks: document.querySelectorAll(".js-link"), - images: document.querySelectorAll("img"), }; + setTimeout(() => { + nodes.images = document.querySelectorAll("img"); + }, 0); + // Listeners nodes.burgerBtn.addEventListener("click", () => expandNav(nodes)); nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes)); @@ -23,25 +26,17 @@ document.addEventListener("DOMContentLoaded", () => { setTimeout(() => { nodes.images.forEach((image) => { + console.log(image); + console.log(image.complete); if (image.complete) { show(image); } else { image.addEventListener("load", () => { + console.log("image loaded"); show(image); }); } }); - setTimeout(() => { - nodes.images.forEach((image) => { - if (image.complete) { - show(image); - } else { - image.addEventListener("load", () => { - show(image); - }); - } - }); - }, 500); }, 50); // Key shortcuts diff --git a/site/snippets/picture.php b/site/snippets/picture.php index 421440c..2fc5958 100644 --- a/site/snippets/picture.php +++ b/site/snippets/picture.php @@ -26,7 +26,6 @@ width="= $width ?>" height="= $height ?>" alt="= $alt?>" - = e($lazy, 'loading="lazy"') ?> >