<!-- 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/04/52xiuren-37185427.jpg" alt="52xiuren-37185427.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/04/52xiuren-93260095.jpg" alt="52xiuren-93260095.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/04/52xiuren-34420772.jpg" alt="52xiuren-34420772.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/04/52xiuren-41898290.jpg" alt="52xiuren-41898290.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/04/52xiuren-52826271.jpg" alt="52xiuren-52826271.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/04/52xiuren-42985549.jpg" alt="52xiuren-42985549.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/04/52xiuren-49219088.jpg" alt="52xiuren-49219088.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/04/52xiuren-65809710.jpg" alt="52xiuren-65809710.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/04/52xiuren-57953173.jpg" alt="52xiuren-57953173.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/04/52xiuren-95924933.jpg" alt="52xiuren-95924933.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/04/52xiuren-61425312.jpg" alt="52xiuren-61425312.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/04/52xiuren-49008911.jpg" alt="52xiuren-49008911.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/04/52xiuren-41793303.jpg" alt="52xiuren-41793303.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/04/52xiuren-66714014.jpg" alt="52xiuren-66714014.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/04/52xiuren-24739668.jpg" alt="52xiuren-24739668.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/04/52xiuren-36770798.jpg" alt="52xiuren-36770798.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/04/52xiuren-99589986.jpg" alt="52xiuren-99589986.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/04/52xiuren-18121394.jpg" alt="52xiuren-18121394.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/04/52xiuren-95358547.jpg" alt="52xiuren-95358547.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/04/52xiuren-76892602.jpg" alt="52xiuren-76892602.jpg" class="lightbox-image"/></figure> <!-- /wp:image -->