Bonsoir,
J'aimerais refaire ce que j'ai fait sur cette page :
http://perso.wanadoo.fr/scouts-ste [...] mp_3-5.htm
sur celle-là :
http://perso.wanadoo.fr/scouts-ste [...] inema1.htm
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>
---------------
Bepimaco
