Trucs et Astuces Web

Trucs et Astuces Web

Image ( Agrandir une Image en cliquant dessus )

Cliquez sur l'image pour l'agrandir :


Cliquer pour agrandir

 

Pour avoir cet effet ( exemple ci-dessus )

 

Après avoir Hébergé une photo sur un site

 

Copier le code ci-dessous ..

 

<script type="text/javascript">// <![CDATA[function Zoom(url,ilargeur,ihauteur){var largeur;var hauteur;var left;var top;var scroll;
image = new Image();image.src = url;
slargeur=screen.width;shauteur=screen.height;
left=(slargeur-ilargeur)/2;top=(shauteur-ihauteur)/2;
scroll='scrollbars=0';
if(ilargeur>slargeur) { largeur=screen.width*0.9;scroll='scrollbars=1';left=0; } else { largeur=ilargeur; }if(ihauteur>shauteur) { hauteur=screen.height*0.9;scroll='scrollbars=1';top=0; } else { hauteur=ihauteur; }

html = '<HTML><HEAD><TITLE>Zoom</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=5 MARGINHEIGHT=0 body bgcolor="ffffff" onClick="javascript:self.close()"><CENTER><a href="javascript:self.close()"><IMG SRC="'+url+'" BORDER=0 NAME=imageZoom></a></CENTER></BODY></HTML>';popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,'+scroll+',resizable=0, width='+largeur+', height='+hauteur+', left='+left+', top='+top+'');popupImage.document.open();

popupImage.document.write(html);popupImage.document.close();}// ]]></script><p style="text-align: center;">Cliquez sur l'image pour l'agrandir :</p><p style="text-align: center;"><br /> <a title="Cliquer sur l'image pour agrandir" onclick="Zoom('http://Adresse de votre Image','1200','900')" href="javascript:;"> <img src="http://Adresse de votre Image" border="1" alt="Cliquer pour agrandir" width="150" height="112" /></a></p>

 

... Coller le dans l'éditeur de code Html et placer

 

l'adresse de votre image ( Url ).



26/11/2010
1 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 69 autres membres