Dateien nach "Minecraft-Modern-Theme/js" hochladen

Minecraft-Modern-Theme/js/login-script.js

@@ -0,0 +1,19 @@
+jQuery(document).ready(function($) {
+    // Warte, bis das DOM vollständig geladen ist
+    // Wir erstellen einen Wrapper um den Avatar-Slider und das Formular, um das Flexbox-Layout zu ermöglichen.
+    const avatar = $('#minecraft-avatar-slider');
+    const form = $('#loginform');
+    
+    // Nur ausführen, wenn beide Elemente existieren
+    if (avatar.length && form.length) {
+        // Erstelle einen neuen Wrapper-Div
+        const wrapper = $('<div id="login-content-wrapper"></div>');
+        
+        // Füge den Wrapper vor dem Formular in den #login Container ein
+        form.before(wrapper);
+        
+        // Verschiebe den Avatar-Slider und das Formular in den Wrapper
+        wrapper.append(avatar);
+        wrapper.append(form);
+    }
+});

Minecraft-Modern-Theme/js/login-slider.js

@@ -0,0 +1,25 @@
+jQuery(document).ready(function($) {
+    const slider = $('#minecraft-avatar-slider');
+    const slides = slider.find('.avatar-slide');
+    
+    // Nur starten, wenn es mehr als einen Slide gibt
+    if (slides.length > 1) {
+        let currentIndex = 0;
+
+        function showSlide(index) {
+            slides.removeClass('avatar-slide-active');
+            slides.eq(index).addClass('avatar-slide-active');
+        }
+
+        function nextSlide() {
+            currentIndex = (currentIndex + 1) % slides.length;
+            showSlide(currentIndex);
+        }
+
+        // Geschwindigkeit aus den WordPress-Einstellungen holen
+        const speed = avatarSliderSettings.speed || 4000;
+
+        // Den Slider alle X Sekunden wechseln
+        setInterval(nextSlide, speed);
+    }
+});