Untitled
unknown
plain_text
2 months ago
814 B
4
Indexable
// Get the modal and buttons const modal = document.getElementById('preview-modal'); const previewButtons = document.querySelectorAll('.preview-btn'); const closeBtn = document.querySelector('.close-btn'); const previewImage = document.getElementById('preview-image'); // Open modal with preview image previewButtons.forEach(button => { button.addEventListener('click', () => { const previewSrc = button.parentElement.getAttribute('data-preview'); previewImage.src = previewSrc; modal.style.display = 'block'; }); }); // Close modal closeBtn.addEventListener('click', () => { modal.style.display = 'none'; }); // Close modal when clicking outside window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; } });
Editor is loading...
Leave a Comment