popup-file-sitepilote.js 884 B

123456789101112131415161718192021222324252627
  1. document.addEventListener("DOMContentLoaded", function() {
  2. const imageLinks = document.querySelectorAll(".file--image a");
  3. const popupOverlay = document.getElementById("popup-overlay");
  4. const popupImage = document.getElementById("popup-image");
  5. const closeBtn = document.querySelector("#popup-overlay .popup-close");
  6. imageLinks.forEach(function(link) {
  7. link.addEventListener("click", function(e) {
  8. e.preventDefault();
  9. popupImage.src = this.href;
  10. popupOverlay.style.display = "flex";
  11. });
  12. });
  13. closeBtn.addEventListener("click", function() {
  14. popupOverlay.style.display = "none";
  15. popupImage.src = "";
  16. });
  17. popupOverlay.addEventListener("click", function(e) {
  18. if (e.target === popupOverlay) {
  19. popupOverlay.style.display = "none";
  20. popupImage.src = "";
  21. }
  22. });
  23. });