https://www.vaporettolyon.com/assets/js/modal.js

1window.onload = () => {
2    const modale = document.querySelector("#modale");
3    const close = document.querySelector(".close");
4    const links = document.querySelectorAll(".galerie a");
5    
6    // On ajoute l'écouteur click sur les liens
7    for(let link of links){
8        link.addEventListener("click", function(e){
9            // On désactive le comportement des liens
10            e.preventDefault();
11
12            // On ajoute l'image du lien cliqué dans la modale
13            const image = modale.querySelector(".modal-content img");
14            image.src = this.href;
15
16            // On affiche la modale
17            modale.classList.add("show");
18        });
19    }
20    
21    // On active le bouton close
22    close.addEventListener("click", function(){
23        modale.classList.remove("show");
24    });
25
26    // On ferme au clic sur la modale
27    modale.addEventListener("click", function(){
28        modale.classList.remove("show");
29    });
30}