/* Slideshow CSS */ .custom-slideshow { position: relative; max-width: 100%; margin: 0 auto; overflow: hidden; } .custom-slideshow .slide { width: 100%; } .custom-slideshow .slide img { width: 100%; height: auto; display: block; } .custom-slideshow .prev-btn, .custom-slideshow .next-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 18px; z-index: 10; transition: background 0.3s; } .custom-slideshow .prev-btn:hover, .custom-slideshow .next-btn:hover { background: rgba(0,0,0,0.8); } .custom-slideshow .prev-btn { left: 10px; } .custom-slideshow .next-btn { right: 10px; } .custom-slideshow .indicators { text-align: center; padding: 15px 0; position: absolute; bottom: 0; width: 100%; z-index: 10; } .custom-slideshow .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background-color: rgba(255,255,255,0.5); border-radius: 50%; cursor: pointer; transition: background-color 0.3s; } .custom-slideshow .dot.active { background-color: white; }

document.addEventListener('DOMContentLoaded', function() { // Find alle slideshows på siden var slideshows = document.querySelectorAll('.custom-slideshow'); slideshows.forEach(function(slideshow) { var slides = slideshow.querySelectorAll('.slide'); var dots = slideshow.querySelectorAll('.dot'); var prevBtn = slideshow.querySelector('.prev-btn'); var nextBtn = slideshow.querySelector('.next-btn'); var currentIndex = 0; var slideInterval; // Hvis der kun er ét billede, behøver vi ikke at gøre mere if (slides.length = slides.length) newIndex = 0; showSlide(newIndex); } // Funktion til at gå til forrige slide function prevSlide() { var newIndex = currentIndex - 1; if (newIndex 50) { if (touchEndX < touchStartX) { // Swipe venstre - næste slide nextSlide(); } else { // Swipe højre - forrige slide prevSlide(); } // Stop og genstart slideshow ved manuel navigation stopSlideshow(); startSlideshow(); } } // Pause slideshow når musen er over slideshow.addEventListener('mouseenter', stopSlideshow); slideshow.addEventListener('mouseleave', startSlideshow); // Start slideshowet startSlideshow(); }); });