popup fiche id site pilotes
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
const imageLinks = document.querySelectorAll(".file--image a");
|
||||
const popupOverlay = document.getElementById("popup-overlay");
|
||||
const popupImage = document.getElementById("popup-image");
|
||||
const closeBtn = document.querySelector("#popup-overlay .popup-close");
|
||||
|
||||
imageLinks.forEach(function(link) {
|
||||
link.addEventListener("click", function(e) {
|
||||
e.preventDefault();
|
||||
popupImage.src = this.href;
|
||||
popupOverlay.style.display = "flex";
|
||||
});
|
||||
});
|
||||
|
||||
closeBtn.addEventListener("click", function() {
|
||||
popupOverlay.style.display = "none";
|
||||
popupImage.src = "";
|
||||
});
|
||||
|
||||
popupOverlay.addEventListener("click", function(e) {
|
||||
if (e.target === popupOverlay) {
|
||||
popupOverlay.style.display = "none";
|
||||
popupImage.src = "";
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user