Changer image au clic sur une miniature

Résolu/Fermé
JVsn9 Messages postés 13 Date d'inscription mardi 16 décembre 2014 Statut Membre Dernière intervention 19 juin 2015 - Modifié par JVsn9 le 7/03/2015 à 10:58
JVsn9 Messages postés 13 Date d'inscription mardi 16 décembre 2014 Statut Membre Dernière intervention 19 juin 2015 - 7 mars 2015 à 11:02
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 !

A voir également:

1 réponse

JVsn9 Messages postés 13 Date d'inscription mardi 16 décembre 2014 Statut Membre Dernière intervention 19 juin 2015
7 mars 2015 à 11:02
Mon problème est finalement résolu ! j'avais juste à faire

<img src="images/t_ayoul_mini.jpg" 
onClick="document.getElementById('mon_image_generale').src='images/t_ayoul.jpg';" /> 
<img src="images/t_cesar_mini.jpg" 
onClick="document.getElementById('mon_image_generale').src='images/t_cesar.jpg';" /> 

<img id="mon_image_generale" src="images/t_cesar.jpg" /> 
0