Sur une page HTML, j'ai voulu qu'en cliquant sur une image, elle s'affiche en grand dans une fenêtre : un popup quoi. Jusque là j'ai réussi en intégrant :
<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='Mon image'>" );
w.document.write("</TD></TR></TABLE>" );
w.document.write("</BODY></HTML>" );
w.document.close();
}
//-->
</SCRIPT>
Dans le Head
et
<A href="javascript:PopupImage('img/grandes/numero1.jpg')"><IMG src="img/petites/numero1.jpg" class="image" alt="Cliquer pour agrandir"></A>
dans le body
Le problème, c'est que dans la page principale, les images sont encadrés par un cadre violet assez épais, qui ne va pas du tout dans lez graphisme du site. Ya pas un moyen de l'enlever ?
Merci
---------------
Bepimaco