Dateien nach "assets/js" hochladen

2025-12-10 09:32:40 +00:00
parent abe3680ab8
commit 190a879e0c
7 changed files with 281 additions and 0 deletions
--- a/assets/js/christmas-star.js
+++ b/assets/js/christmas-star.js
@@ -0,0 +1,47 @@
+(function($) {
+    // Nur ausführen, wenn die Body-Klasse vorhanden ist
+    if (!$('body').hasClass('festive-christmas')) {
+        return;
+    }
+
+    const pluginUrl = fsp_vars.plugin_url;
+
+    function createStar() {
+        const $star = $('<img>').attr('src', pluginUrl + 'assets/img/gold-star.png').css({
+            position: 'fixed',
+            width: '80px',
+            top: Math.random() * 80 + '%',
+            left: Math.random() * 80 + '%',
+            zIndex: 9999,
+            pointerEvents: 'none',
+            opacity: 0,
+            transform: 'translate(-50%, -50%) scale(0.5)'
+        });
+
+        $('body').append($star);
+
+        // Einblenden und pulsieren
+        $star.animate({
+            opacity: 1,
+            transform: 'translate(-50%, -50%) scale(1)'
+        }, 1000, function() {
+            $(this).animate({ transform: 'translate(-50%, -50%) scale(1.2)' }, 800).animate({ transform: 'translate(-50%, -50%) scale(1)' }, 800);
+        });
+
+        // Nach 10 Sekunden ausblenden und entfernen
+        setTimeout(function() {
+            $star.fadeOut(1000, function() {
+                $(this).remove();
+            });
+        }, 10000);
+    }
+
+    // Erstelle einen anfänglichen "Burst" von 3 Sternen
+    for (let i = 0; i < 3; i++) {
+        setTimeout(createStar, i * 500);
+    }
+    
+    // Erstelle dann regelmäßig neue Sterne in kürzeren Abständen
+    setInterval(createStar, 3000);
+
+})(jQuery);