<!-- wp:html --> <script> document.addEventListener('DOMContentLoaded', (event) => { let currentIndex = 0; const images = document.querySelectorAll('.lightbox-image'); function showImage(index) { currentIndex = index; const img = images[index]; const lightbox = document.getElementById('lightbox'); const fullImg = lightbox.querySelector('img'); fullImg.src = img.src; const prev = lightbox.querySelector('.prev'); const next = lightbox.querySelector('.next'); prev.style.display = index > 0 ? 'block' : 'none'; next.style.display = index < images.length - 1 ? 'block' : 'none'; } images.forEach((img, index) => { img.addEventListener('click', e => { e.preventDefault(); let lightbox = document.createElement('div'); lightbox.id = 'lightbox'; lightbox.style.position = 'fixed'; lightbox.style.zIndex = '1000'; lightbox.style.top = '0'; lightbox.style.left = '0'; lightbox.style.width = '100%'; lightbox.style.height = '100%'; lightbox.style.backgroundColor = 'rgba(0,0,0,0.9)'; lightbox.style.display = 'flex'; lightbox.style.alignItems = 'center'; lightbox.style.justifyContent = 'center'; let fullImg = document.createElement('img'); fullImg.style.maxWidth = '90%'; fullImg.style.maxHeight = '90%'; fullImg.style.objectFit = 'contain'; let prev = document.createElement('div'); prev.textContent = '←'; prev.className = 'prev'; prev.style.position = 'absolute'; prev.style.left = '20px'; prev.style.fontSize = '40px'; prev.style.color = 'white'; prev.style.cursor = 'pointer'; let next = document.createElement('div'); next.textContent = '→'; next.className = 'next'; next.style.position = 'absolute'; next.style.right = '20px'; next.style.fontSize = '40px'; next.style.color = 'white'; next.style.cursor = 'pointer'; lightbox.appendChild(fullImg); lightbox.appendChild(prev); lightbox.appendChild(next); document.body.appendChild(lightbox); showImage(index); lightbox.addEventListener('click', (e) => { if (e.target === lightbox) { document.body.removeChild(lightbox); } }); prev.addEventListener('click', (e) => { e.stopPropagation(); if (currentIndex > 0) { showImage(currentIndex - 1); } }); next.addEventListener('click', (e) => { e.stopPropagation(); if (currentIndex < images.length - 1) { showImage(currentIndex + 1); } }); }); }); }); </script> <!-- /wp:html --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-65572051.jpg" alt="52xiuren-65572051.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-96427658.jpg" alt="52xiuren-96427658.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-94755665.jpg" alt="52xiuren-94755665.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-93866997.jpg" alt="52xiuren-93866997.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-47847397.jpg" alt="52xiuren-47847397.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-12892542.jpg" alt="52xiuren-12892542.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-28283790.jpg" alt="52xiuren-28283790.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-30720859.jpg" alt="52xiuren-30720859.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-17466177.jpg" alt="52xiuren-17466177.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-21318803.jpg" alt="52xiuren-21318803.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-29492925.jpg" alt="52xiuren-29492925.jpg" class="lightbox-image"/></figure> <!-- /wp:image --> <!-- wp:image {"align":"center"} --> <figure class="wp-block-image aligncenter"><img src="https://media.52xiuren.cc/wp-content/uploads/2024/12/20/52xiuren-43177525.jpg" alt="52xiuren-43177525.jpg" class="lightbox-image"/></figure> <!-- /wp:image -->