From c65f5f228bec7d675cd3b3576df2f5822fe3e928 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Tue, 17 Sep 2024 15:20:46 +0200 Subject: [PATCH] fix fadein transtion --- assets/css/src/generic.css | 1 + assets/js/script.js | 14 ++++++-------- 2 files changed, 7 insertions(+), 8 deletions(-) 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