diff --git a/Minecraft-Modern-Theme/js/slider-init.js b/Minecraft-Modern-Theme/js/slider-init.js index 20c9ffd..bfcadfb 100644 --- a/Minecraft-Modern-Theme/js/slider-init.js +++ b/Minecraft-Modern-Theme/js/slider-init.js @@ -1,55 +1,65 @@ -document.addEventListener('DOMContentLoaded', function() { - // Hole den Slider-Container - const heroSlider = document.querySelector('.hero-slider'); - - // Stelle sicher, dass der Slider auf der Seite existiert, bevor du versuchst, ihn zu konfigurieren - if (!heroSlider) { - return; - } - - // Konfiguration für den Slider vorbereiten - const swiperConfig = { - // Optionen für den Slider - loop: true, // Endloses Schleifen - - // Autoplay - autoplay: { - delay: 5000, // 5 Sekunden pro Slide - disableOnInteraction: false, // Autoplay nicht nach Klick stoppen - }, - - // Wenn der Nutzer die Maus darüber bewegt, pausieren - pauseOnMouseEnter: true, - - // Effekt - effect: 'fade', // Übergangseffekt: 'slide', 'fade', 'cube', etc. - fadeEffect: { - crossFade: true - } - }; - - // Prüfe, ob die Pfeile ausgeblendet werden sollen - if (sliderSettings.hideArrows === '1') { - heroSlider.classList.add('slider-hide-arrows'); - } else { - // Navigation nur hinzufügen, wenn sie nicht ausgeblendet wird - swiperConfig.navigation = { - nextEl: '.swiper-button-next', - prevEl: '.swiper-button-prev', - }; - } - - // Prüfe, ob die Paginierung ausgeblendet werden soll - if (sliderSettings.hidePagination === '1') { - heroSlider.classList.add('slider-hide-pagination'); - } else { - // Pagination nur hinzufügen, wenn sie nicht ausgeblendet wird - swiperConfig.pagination = { - el: '.swiper-pagination', - clickable: true, // Klick auf Punkt springt zum Slide - }; - } - - // Initialisiere den Slider mit der konfigurierten Optionen - new Swiper('.hero-slider', swiperConfig); -}); \ No newline at end of file + +> + + + + + + +> + \ No newline at end of file