×

// 获取所有图片元素 const images = document.querySelectorAll('.diy-lt-box img'); const modal = document.querySelector('.image-modal'); const modalImg = document.getElementById('expandedImg'); const closeBtn = document.querySelector('.close-btn'); // 为每个图片添加点击事件 images.forEach(img => { img.addEventListener('click', () => { modal.style.display = "block"; modalImg.src = img.src; document.body.classList.add('modal-open'); }); }); // 关闭弹窗事件 closeBtn.addEventListener('click', (e) => { e.stopPropagation(); modal.style.display = "none"; document.body.classList.remove('modal-open'); }); // 点击背景关闭 modal.addEventListener('click', (e) => { if (e.target === modal) { modal.style.display = "none"; document.body.classList.remove('modal-open'); } }); // ESC键关闭 document.addEventListener('keydown', (e) => { if (e.key === "Escape" && modal.style.display === "block") { modal.style.display = "none"; document.body.classList.remove('modal-open'); } });