Bonjour a tous, j'aimerai avoir de l'aide en Javascript car j'ai vraiment du mal, c'est pour changer une image a chaque fois que l'on clique sur une vignette, merci de me mp

Poste ici le code de ce que tu as déjà fait ça sera plus simple et au moins si quelqu'un passe par là il aura aussi la solution...

Mais justement je ne sais vraiment pas comment m'y prendre, c'est ca le problème.

http://jsfiddle.net/kz87sjue/

J'ai essayé de te commenter le code au maximum, n'hésite pas si tu as une question

Ca m'aide un peu mais je vais vous expliquer ce que je dois faire exactement:

A chaque fois que je clique sur une petite vignette en bas, celle-ci doit s'afficher en grand a la place de la grande image.

Je dois utiliser une zone d'affichage : un élément figure, ayant un id (par exemple 'afficheur'). On
repere cet élément figure par document.getElementById('afficheur') et repérer l'image en utilisant la liste des éléments
getElementsByTagname('img') et choisir le premier élément de cette liste (indice 0), puisqu'il n'y a qu'une image dans la figure.

Je sais aussi que Les éléments li de la liste des vignettes vont donc avoir la forme :
  <li><a id="ardecheArbre"
     onclick="afficher('ardecheArbre');return fals
e;"></a></li>

la fonction afficher() va recevoir le paramètre et pouvoir définir la source de l'image à partir
de celui-ci :
function afficher(titreImage) {
    var newSource = "images/" + titreImage + "600_
450.jpg";

…....}

Voila ce que je dois utiliser, si quelqu'un peut m'expliquer comment faire, merci d'avance

C'est a peu près le même principe :

Dans le html tu mets une balise img qui va permettre d'afficher les grandes images avec un id, une classe ou n'importe quoi qui permet de la repérer facilement
<img id="afficheur" />

Ensuite tu mets quelque part dans ta page tes vignettes (par contre évite de mettre le javascript dans la balise, cette écriture n'est plus à la mode depuis une 10aine d'années)

Et enfin côté js tu crées un événement onclick que tu appliques aux vignettes (toi tu l'as mis directement dans le HTML), cet événement on click va simplement appeler une fonction qui va modifier la balise src de l'image #afficheur. Pour cela il suffit d'écrire cette ligne
document.getElementById('afficheur').src = newSource;

Voilà l'exemple (que tu devras adapter)
http://jsfiddle.net/ChrisCage78/uya98cgu/1/

Bon je comprends vraiment rien mais c'est pas grave