C'est à dire, quand on clique sur une photo, elle apparaît en grand dans une autre fenêtre (qui se ferme automatiquement quand on reclique).
J'ai réussi à voir que j'ai mis ce morceau de code juste après le HEAD :
<SCRIPT LANGUAGE="JavaScript"> <!-- function PopupImage(img) { titre="Agrandissement"; w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no'); 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+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>" ); w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>" ); w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>" ); w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt=''>" ); w.document.write("</TD></TR></TABLE>" ); w.document.write("</BODY></HTML>" ); w.document.close(); } //--> </SCRIPT>
Mais je n'arrive pas à adapter les lignes de codes relatives aux images. Le code change car les images sont dans des tableaux.
Code relatif à la page qui marche : <div id="Layer2" style="position:absolute; left:674px; top:393px; width:290px; height:211px; z-index:2"><a href="javascript:PopupImage('Images/images/le_camp_nav-2-4_photo_hq.gif')">
Code de l'image de la nouvelle page : <td width="19%" height="61"><img src="Images/activites/developpement.gif" alt="bacs de développement" width="170" height="139"></td>