diff --git a/Minecraft-Modern-Theme/js/slider-init.js b/Minecraft-Modern-Theme/js/slider-init.js index bfcadfb..40230f9 100644 --- a/Minecraft-Modern-Theme/js/slider-init.js +++ b/Minecraft-Modern-Theme/js/slider-init.js @@ -1,65 +1,52 @@ - -> - - - - - - -> - \ No newline at end of file + + // Konfiguration für den Slider vorbereiten + const swiperConfig = { + // Der Effekt ist jetzt fest auf "Überblenden" eingestellt + effect: 'fade', + fadeEffect: { + crossFade: true + }, + + // Loop-Einstellung ist jetzt DYNAMISCH + loop: sliderSettings.loop === '1', + + // Autoplay + autoplay: { + delay: 5000, + disableOnInteraction: false, + }, + + pauseOnMouseEnter: true, + + // Prüfe, ob die Pfeile NICHT ausgeblendet werden sollen + navigation: sliderSettings.hideArrows !== '1' ? { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + } : false, + + // Prüfe, ob die Paginierung NICHT ausgeblendet werden soll + pagination: sliderSettings.hidePagination !== '1' ? { + el: '.swiper-pagination', + clickable: true, + } : false, + + on: { + init: function () { + setTimeout(() => { + heroSlider.classList.add('swiper-initialized'); + }, 50); + }, + }, + }; + + // Initialisiere den Slider mit der konfigurierten Optionen + new Swiper('.hero-slider', swiperConfig); +}); \ No newline at end of file