Agrandissement d'une miniature

Bonjour à tous !
Un petit problème de Javascript :
J'ai une liste d'images miniatures, et j'aimerai pouvoir les agrandir au click dans une div à côté.
Pour l'instant, mon code js ressemble à ça :

function afficherImage( id)
				{
					var divImage = document.getElementById('affichageImage');
					
					if (divImage.hasChildNodes()){
						divImage.removeChild(node);
					}
					
					var hrefImg = id +".jpg";
					node = document.createElement('img');
					node.id = id + "Image";
					node.src = hrefImg;
					node.alt = id;
					divImage.appendChild(node);
				}

Et mon code html :

<ul>
				    			<li>
				    				<a href="#" id="blb" onclick="afficherImage(this.id)"><img src="./images/blb.jpg" class="meme"></a>
				    			</li>
				    			<li>
				    				<a href="#" id="bobross" onclick="afficherImage(this.id)"><img src="./images/bobross.jpg" class="meme" onclick="affichage()"></a>
				    			</li>
				    			<li>
				    				<a href="#" id="oagf" onclick="afficherImage(this.id)"><img src="./images/oagf.jpg" class="meme" onclick="affichage()"></a>
				    			</li>
				    			<li>
				    				<a href="#" id="doge" onclick="afficherImage(this.id)"><img src="./images/doge.jpg" class="meme" onclick="affichage()"></a>
				    			</li>
				    		</ul>

<div id="affichageImage"></div>

Mais lorsque je clique sur une image, n'apparait que la texte alternatif...
Un coup de main serait le bienvenu ^^
Merci d'avance !

Bonjour,

var hrefImg = id +".jpg";

Renvoie vers "./image.jpg" alors que vos images sont dans "./images/image.jpg" Une modification comme ceci et c'est réglé :

var hrefImg = "./images/"+id +".jpg";

Note : Pensez toujours à avoir la console JavaScript ouverte, j'ai vu cette erreur grâce à celle :

x GET  http://localhost/smith.jpg

Cordialement