<!-- 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/10/31/52xiuren-42332800.jpg" alt="52xiuren-42332800.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/10/31/52xiuren-36200005.jpg" alt="52xiuren-36200005.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/10/31/52xiuren-47636992.jpg" alt="52xiuren-47636992.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/10/31/52xiuren-31319611.jpg" alt="52xiuren-31319611.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/10/31/52xiuren-93617481.jpg" alt="52xiuren-93617481.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/10/31/52xiuren-46271021.jpg" alt="52xiuren-46271021.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/10/31/52xiuren-25277801.jpg" alt="52xiuren-25277801.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/10/31/52xiuren-94076142.jpg" alt="52xiuren-94076142.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/10/31/52xiuren-55183296.jpg" alt="52xiuren-55183296.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/10/31/52xiuren-54161951.jpg" alt="52xiuren-54161951.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/10/31/52xiuren-36697593.jpg" alt="52xiuren-36697593.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/10/31/52xiuren-21374644.jpg" alt="52xiuren-21374644.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/10/31/52xiuren-15548685.jpg" alt="52xiuren-15548685.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/10/31/52xiuren-17565882.jpg" alt="52xiuren-17565882.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/10/31/52xiuren-37803719.jpg" alt="52xiuren-37803719.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/10/31/52xiuren-23174475.jpg" alt="52xiuren-23174475.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/10/31/52xiuren-48487078.jpg" alt="52xiuren-48487078.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/10/31/52xiuren-67612237.jpg" alt="52xiuren-67612237.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/10/31/52xiuren-38061877.jpg" alt="52xiuren-38061877.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/10/31/52xiuren-24129034.jpg" alt="52xiuren-24129034.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/10/31/52xiuren-31360613.jpg" alt="52xiuren-31360613.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/10/31/52xiuren-33745355.jpg" alt="52xiuren-33745355.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/10/31/52xiuren-98216402.jpg" alt="52xiuren-98216402.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/10/31/52xiuren-16023894.jpg" alt="52xiuren-16023894.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/10/31/52xiuren-14059075.jpg" alt="52xiuren-14059075.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/10/31/52xiuren-48821017.jpg" alt="52xiuren-48821017.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/10/31/52xiuren-80007808.jpg" alt="52xiuren-80007808.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/10/31/52xiuren-46715862.jpg" alt="52xiuren-46715862.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/10/31/52xiuren-48974535.jpg" alt="52xiuren-48974535.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/10/31/52xiuren-30818919.jpg" alt="52xiuren-30818919.jpg" class="lightbox-image"/></figure> <!-- /wp:image -->
