Go-karting - Amsterdam Stag Do (2024)

`; } }); // Update the modal's Swiper wrapper with new slides document.querySelector('.modalSwiper .swiper-wrapper').innerHTML = modalSwiperHTML; // Destroy the existing modal Swiper instance if it exists if (window.modalSwiper) { window.modalSwiper.destroy(true, true); // Properly reset the HTML } // Initialize a new modal Swiper instance window.modalSwiper = new Swiper('.modalSwiper', { loop: true, slidesPerView: 1, centeredSlides: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); // Open the modal document.getElementById('myModal').classList.remove('hidden'); document.body.style.overflow = 'hidden'; // Correctly set the modal Swiper to the clicked image window.modalSwiper.slideToLoop(clickedIndex, 0, false); } // Update onclick handlers for gallery images swiperMain.slides.forEach((slide, index) => { var img = slide.querySelector('img'); if (img) { img.onclick = () => openModal(index); } else { // If the slide is a video, increment the videoSlideCount videoSlideCount++; } }); function closeLightbox(event) { if (!event.target.closest('.swiper-slide-active, .swiper-button-next, .swiper-button-prev')) { document.getElementById('myModal').classList.add('hidden'); document.body.style.overflow = ''; } event.stopPropagation(); } document.getElementById('myModal').addEventListener('click', closeLightbox); document.addEventListener('DOMContentLoaded', function() { document.querySelector('.close').addEventListener('click', closeLightbox); }); // Keyboard navigation document.addEventListener('keydown', function(event) { if (document.getElementById('myModal').classList.contains('hidden')) { // If the modal is hidden, don't do anything return; } switch (event.key) { case 'ArrowLeft': // Go to previous slide window.modalSwiper.slidePrev(); break; case 'ArrowRight': // Go to next slide window.modalSwiper.slideNext(); break; case 'Escape': // Close the modal document.getElementById('myModal').classList.add('hidden'); document.body.style.overflow = ''; break; } });

Pricing

Description