Problème en javascript pour afficher une url

Bonjour,
Dans une de mes pages on peut afficher 4 petites photos et à droite une grande photo.
Par exemple les 4 petites photos s'appellent 1.jpg,2.jpg,3.jpg et 4.jpg
La grande photo au départ c'est 1.jpg
Si on clique par exemple sur 2.jpg alors la grande photo qui était 1.jpg devient 2.jpg
Pour cela c'est nickel.
La grande photo est clicable.Si on clique dessus cela ouvre un popup ou la grande photo est agrandi.
Maintenant voici le problème:
Donc comme je viens de le dire quand je clique sur une petite photo la grande photo change
par exemple je clique sur la petite photo 2.jpg et la grande photo change en 2.jpg
Par contre L'url pour cliquer sur la grande photo ne change pas.ici par exemple c'est:<a href="https://www.pagesjaunes.fr/" >
alors que la grande photo c'est 2.jpg
Voici d'abor le script en php:
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale

for(var i = 0 ; i < liens.length ; i++)
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
{
liens[i].onclick = function()
// Au clique sur ces liens
{
big_photo.src = this.href ; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title ; // On change son titre
titre_photo.firstChild.nodeValue = this.title ; // On change le texte de titre de la photo
return false ; // Et pour finir on inhibe l'action réelle du lien
}
}
}

window.onload = displayPics ;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page





Voici la partie en php :
<?php
....


echo'<dl id="photo">
<dt><div align="center"> <p align="center"><a href="https://www.pagesjaunes.fr/$annonce.'/big_'.$gato.'.jpg" ><img id="big_pict" src="https://www.pagesjaunes.fr/$annonce.'/big_'.$gato.'.jpg" width="300" height="240" /></a><span style="font-size:10pt;"><font color="blue"><br>(Pour visualiser la photo en plus grand, cliquez dessus) </font></span></p>
</div>';} ?>

Merci de votre aide
STEF