<!-- 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-47401222.jpg" alt="52xiuren-47401222.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-71925035.jpg" alt="52xiuren-71925035.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-30483609.jpg" alt="52xiuren-30483609.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-67524761.jpg" alt="52xiuren-67524761.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-96326193.jpg" alt="52xiuren-96326193.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-87607221.jpg" alt="52xiuren-87607221.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-35980439.jpg" alt="52xiuren-35980439.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-66848712.jpg" alt="52xiuren-66848712.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-43418548.jpg" alt="52xiuren-43418548.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-36306161.jpg" alt="52xiuren-36306161.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-19749301.jpg" alt="52xiuren-19749301.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-48603199.jpg" alt="52xiuren-48603199.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-67878192.jpg" alt="52xiuren-67878192.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-30554573.jpg" alt="52xiuren-30554573.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-26988952.jpg" alt="52xiuren-26988952.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-40044348.jpg" alt="52xiuren-40044348.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-18709894.jpg" alt="52xiuren-18709894.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-91243404.jpg" alt="52xiuren-91243404.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-44685618.jpg" alt="52xiuren-44685618.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-43969356.jpg" alt="52xiuren-43969356.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-31211335.jpg" alt="52xiuren-31211335.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-91856287.jpg" alt="52xiuren-91856287.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-86928116.jpg" alt="52xiuren-86928116.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-39781448.jpg" alt="52xiuren-39781448.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-49084402.jpg" alt="52xiuren-49084402.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-48715373.jpg" alt="52xiuren-48715373.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-91363867.jpg" alt="52xiuren-91363867.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-91577001.jpg" alt="52xiuren-91577001.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-46590526.jpg" alt="52xiuren-46590526.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-48032495.jpg" alt="52xiuren-48032495.jpg" class="lightbox-image"/></figure> <!-- /wp:image -->