<!-- 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/09/52xiuren-98402308.jpg" alt="52xiuren-98402308.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/09/52xiuren-11800052.jpg" alt="52xiuren-11800052.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/09/52xiuren-74941929.jpg" alt="52xiuren-74941929.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/09/52xiuren-19530595.jpg" alt="52xiuren-19530595.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/09/52xiuren-27010213.jpg" alt="52xiuren-27010213.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/09/52xiuren-34458621.jpg" alt="52xiuren-34458621.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/09/52xiuren-83068124.jpg" alt="52xiuren-83068124.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/09/52xiuren-17559785.jpg" alt="52xiuren-17559785.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/09/52xiuren-92382096.jpg" alt="52xiuren-92382096.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/09/52xiuren-65819026.jpg" alt="52xiuren-65819026.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/09/52xiuren-50417434.jpg" alt="52xiuren-50417434.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/09/52xiuren-29130438.jpg" alt="52xiuren-29130438.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/09/52xiuren-94288342.jpg" alt="52xiuren-94288342.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/09/52xiuren-86512894.jpg" alt="52xiuren-86512894.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/09/52xiuren-45370689.jpg" alt="52xiuren-45370689.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/09/52xiuren-31065150.jpg" alt="52xiuren-31065150.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/09/52xiuren-65833484.jpg" alt="52xiuren-65833484.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/09/52xiuren-31842161.jpg" alt="52xiuren-31842161.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/09/52xiuren-35595199.jpg" alt="52xiuren-35595199.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/09/52xiuren-45046640.jpg" alt="52xiuren-45046640.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/09/52xiuren-83481313.jpg" alt="52xiuren-83481313.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/09/52xiuren-21220309.jpg" alt="52xiuren-21220309.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/09/52xiuren-58799023.jpg" alt="52xiuren-58799023.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/09/52xiuren-39348028.jpg" alt="52xiuren-39348028.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/09/52xiuren-67211192.jpg" alt="52xiuren-67211192.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/09/52xiuren-19447882.jpg" alt="52xiuren-19447882.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/09/52xiuren-70421022.jpg" alt="52xiuren-70421022.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/09/52xiuren-71347025.jpg" alt="52xiuren-71347025.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/09/52xiuren-88029697.jpg" alt="52xiuren-88029697.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/09/52xiuren-26473244.jpg" alt="52xiuren-26473244.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/09/52xiuren-62776934.jpg" alt="52xiuren-62776934.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/09/52xiuren-14782689.jpg" alt="52xiuren-14782689.jpg" class="lightbox-image"/></figure> <!-- /wp:image -->
