Changer image au clic sur une miniature

Bonjour, j'aurai besoin d'aide pour ma fonction js / ma page html, j'ai trouvé comment faire pour changer l'image au clic, mais ça ne marche pas comme je le veux.
J'ai en fait une image de taille normale que je veux remplacer par une autre lorsque je clique sur une miniature, or quand je le fait, l'image de taille normale est remplacée par la miniature, et non par l'image que je veux, il y a en fait un problème d'url, mais je ne sais pas comment régler ce problème, je vous montre mon code.

<div id="imgmonument">
<a href="#"> <img src="../images/t_ayoul.jpg" alt="#" title="" id="monumentclick"> </a>
</div>

<div id="mosaique_click">
        
 <div class="mini_fiche"> <!-- Un ensemble miniature/titre -->
 <img onClick="ChangeImage(this.src);" src="../images/t_ayoul_mini.jpg"/>
 </div>
 <div class="mini_fiche"> <!-- Un ensemble miniature/titre -->
 <img onClick="ChangeImage(this.src);" src="../images/t_cesar_mini.jpg"/>
 </div>
</div>

Fonction javascript

  function ChangeImage(url) {
   document.getElementById("monumentclick").src = url;
  }

Merci d'avance pour vos réponses !