Uroczystość Najświętszego Ciała i Krwi Chrystusa – 04.06.2026 (Galeria)



.lightbox-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.92); display: none; align-items: center; justify-content: center; z-index: 999999; } .lightbox-overlay.active { display: flex; } .lightbox-overlay img { max-width: 90vw; max-height: 90vh; object-fit: contain; } .lightbox-close, .lightbox-prev, .lightbox-next { position: fixed; background: rgba(255,255,255,.15); color: #fff; border: 0; cursor: pointer; font-size: 42px; padding: 12px 18px; z-index: 1000000; } .lightbox-close { top: 20px; right: 25px; font-size: 36px; } .lightbox-prev { left: 25px; top: 50%; transform: translateY(-50%); } .lightbox-next { right: 25px; top: 50%; transform: translateY(-50%); } .wp-block-gallery img { cursor: pointer; } document.addEventListener(„DOMContentLoaded”, function () { const images = Array.from(document.querySelectorAll(„.wp-block-gallery img”)); const lightbox = document.getElementById(„lightbox”); const lightboxImg = document.getElementById(„lightboxImg”); const closeBtn = document.getElementById(„lightboxClose”); const prevBtn = document.getElementById(„lightboxPrev”); const nextBtn = document.getElementById(„lightboxNext”); let currentIndex = 0; function showImage(index) { currentIndex = (index + images.length) % images.length; lightboxImg.src = images[currentIndex].src; lightbox.classList.add(„active”); document.body.style.overflow = „hidden”; } function closeLightbox() { lightbox.classList.remove(„active”); lightboxImg.src = „”; document.body.style.overflow = „”; } function nextImage() { showImage(currentIndex + 1); } function prevImage() { showImage(currentIndex – 1); } images.forEach(function (img, index) { img.addEventListener(„click”, function () { showImage(index); }); }); closeBtn.addEventListener(„click”, closeLightbox); nextBtn.addEventListener(„click”, nextImage); prevBtn.addEventListener(„click”, prevImage); lightbox.addEventListener(„click”, function (e) { if (e.target === lightbox) closeLightbox(); }); document.addEventListener(„keydown”, function (e) { if (!lightbox.classList.contains(„active”)) return; if (e.key === „ArrowRight”) nextImage(); if (e.key === „ArrowLeft”) prevImage(); if (e.key === „Escape”) closeLightbox(); }); });