From d5168cc15a22df9ca202403274dba15c2154fb31 Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 21:20:24 +0000 Subject: [PATCH] adventskalender/shared/js/glitter.js aktualisiert --- adventskalender/shared/js/glitter.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/adventskalender/shared/js/glitter.js b/adventskalender/shared/js/glitter.js index 651f00b..3840b8f 100644 --- a/adventskalender/shared/js/glitter.js +++ b/adventskalender/shared/js/glitter.js @@ -1,10 +1,12 @@ // Bratonien Glitter Hover Effekt – für .door, .openfield und .fluegel + document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => { let canvas, ctx, particles = [], anim, hovering = false; let cursorX = 0, cursorY = 0; const day = elem.dataset.day; let partner = null; + let openfield = null; if (elem.classList.contains("door")) { partner = document.querySelector(`.openfield[data-day="${day}"]`); @@ -18,6 +20,7 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => { } else if (isRight) { partner = document.querySelector(`.fluegel.left[data-day="${day}"]`); } + openfield = document.querySelector(`.openfield[data-day="${day}"]`); } function setupCanvas() { @@ -92,9 +95,8 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => { cancelAnimationFrame(anim); draw(); - if (partner) { - partner.classList.add("hover-proxy"); - } + if (partner) partner.classList.add("hover-proxy"); + if (openfield) openfield.classList.add("hover-proxy"); }); // HOVER ENDE @@ -108,8 +110,7 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => { } }, 300); - if (partner) { - partner.classList.remove("hover-proxy"); - } + if (partner) partner.classList.remove("hover-proxy"); + if (openfield) openfield.classList.remove("hover-proxy"); }); }); \ No newline at end of file