Script à placer entre <head> et </head>, en haut de ta page HTML :
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur
http://www.toutjavascript.com function PopupImage(img) {
titre="Nom du groupe par exemple";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=yes');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>"
;
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>"
;
w.document.write("<BODY CONTENU_INTERDIT'checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>"
;
w.document.write(""
;
w.document.write("</BODY></HTML>"
;
w.document.close();
}
</SCRIPT>
"width=400,height=400" : augmente ces valeurs si tes photos après affichage sont plus grandes que 400 pixels.
Puis, sur chaque vignette photo (en lien hypertext, donc vignette cliquable) tu mets le lien suivant qui est en fait la fonction définie dans le script ci-avant :
<a href="CONTENU_INTERDITPopupImage('nom de l'image.jpg')"><img src="nom de la vignette.jpg" width="longueur vignette" height="hauteur vignette" border="0"></a>
"longueur vignette" et "hauteur vignette" sont les valeurs numériques de pixels.
'nom de l'image.jpg' et "nom de la vignette.jpg" doivent comporter également l'arborescence si tu as des répertoire de classement dans ton site.