diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index ece741a..2f7d956 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -203,6 +203,7 @@ } img { + opacity: 0; transition: var(--transition-image-opacity); } img.show { diff --git a/assets/js/script.js b/assets/js/script.js index af5c2c9..c607b9d 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -22,15 +22,13 @@ document.addEventListener("DOMContentLoaded", () => { }); nodes.images.forEach((image) => { - setTimeout(() => { - if (image.complete) { + if (image.complete) { + show(image); + } else { + image.addEventListener("load", () => { show(image); - } else { - image.addEventListener("load", () => { - show(image); - }); - } - }, 10); + }); + } }); // Key shortcuts