clic sur un tableau d'images lues à partie de mysql/php

Voici mon problème : Je suis debutant php j'extrais des données images d' une table mysql et je mets ces données images dans un tableau HTML <table> <tr> <td> images1</td><td> images2</td><td> images3</td><td> .....  imagesN</td> ...</tr></table> ....
Je veux que chacune des images (image1, image2 ....imageN) de chaque cellule soit cliquable suivie de l'ouverture d'une fenêtre popup mais je ne sais pas comment faire malgré quelques scripts javascript dont je suis en possession.
Dites moi svp à quel niveau du tableau html je fais appel à un script popup en javascript Comment mettre un lien cliquable derriere chacune des images dans mon tableau.

Merci..

Hello,

Ce n'est pas l'image qui prend le lien mais le lien qui prend l'image !!

<a href="tapage.php" ><img src="tonimage.jpeg" /></a>

Oui pour le lien, mais ou je fais appel à ma fonction qui affiche l'image dans un popup après un clic dessus ?
Ob bien comment appelle t-on une fonction javascript au niveau du lien
<a href="tapage.php" ><img src="tonimage.jpeg" /></a> ?
Par ailleurs si j'affiche 20 images dans mon tableau html alors je dois faire 20 fois appel à la fonction javascript qui affiche l'image dans le popup ?

Je croyai que tu voulai pouvoir cliquer sur une image et que cela t'affiche une popup c'est pas ca ?

Oui c'est cela sauf que ce n'est pas une seule petite image mais un tableau d'images. N'a t-on pas besoin de javascript pour ouvrir une popup et agrandir l'image ?

ta pas forcément besoin du javascript pour ouvrir une popup, par contre pour l'agrandissement de l'image je sais pas si elle va se mettre dans toute la popup test avec ca.

tu peu faire :
<a href="javascript:void(0)" onclick="tapage.php","popup","'width=800,height=600,toolbar=no, directories=no, menubar=no, scrollbars=no, status=no" ><img src="tonimage.jpeg" /></a>

Merci, je vais essayer ça voir ...

Désolé, je n'y arrive pas !!!
Voici le bout de code ...

Je construis une table HTML dans laquelle ja vais mettre mes images ...
echo "<table border='0' width='85%' align='center'><tr>";

// boucle de lecture des informations images à partir d'une table pour constitution d'un tableau ..  
// Traite les images une après une
while ($row = mysql_fetch_array($result)) 
{
     // Passe l'affichage des images à la ligne si 5 images affichées
     if ($NumImgLigne>=$NbrImgParLigne)
     {
         echo "</tr><tr>";
         $NumImgLigne = 0;
     }

     $NumImgLigne++;

     // Commence une colonne de la grille pour y inclure l'image
     echo "<td align='center'>";
 
     // Récupère l'ID et l'image pour affichage dans le tableau html
     $ImageID  = $row['ImageID'];
     $NomImage = $row['NomImage'];
     $Image    = $row['image'];  // image à afficher dans mon tableau html ..
    
     // Affichage des images lues  et cela marche ...
         
  // Affiche le nom de l'image et sa miniature
      echo "<a href='NomImage'target='blank'><img src='$Image' width='$xw' height='$yh' border='0'alt='$ImageNom<'></a>";
      echo "Pour avoir plus d'informations sur cette Photo cliquez ..<br/>";
     
    // Je veux que chaque image comporte un lien cliquable qui ouvre un popup mais je n'y arrive !!!!!!
    //========================================================================================================
    // echo "<a href='javascript:void(0)' onclick='visu.php','popup',''width=500,height=400,toolbar=no, directories=no, menubar=no, scrollbars=no, status=no' ><img src='$ImagetteAbsolutePath' /></a>";
    //      
    //========================================================================================================
     
    
     ?>  
   
     // Termine la colonne de la grille pour cette image
     echo "</td>";
}

// Termine la grille
echo  "</tr></table>";

}

//=========================================================

Ci joint voici les fonctions javascript que je veux faire référence pour le popup des images en cas de clic.

function afficheVignette(cheminVignette,cheminMaxi)
 {
 document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
 }
 
function afficheMaxi(chemin)
 {
 i1 = new Image;
 i1.src = chemin;
 html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+50,document.imageTest.height+60)"></CENTER></BODY></HTML>';
 popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
 popupImage.document.open();
 popupImage.document.write(html);
 popupImage.document.close()
 };
</SCRIPT>
<!-- FIN DU SCRIPT -->

</head>
<body>

<!--A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre la vignette  -->
<SCRIPT LANGUAGE="JavaScript">
afficheVignette(" ","cheminVignette d'accès à l'image en vue de son affichage");

.....
....