Image ( Agrandir une Image en cliquant dessus )
Cliquez sur l'image pour l'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 ).
A découvrir aussi
- Créer un défilement de mots
- Créer un message de bienvenue
- Page Précédente ( Créer " Page Précédente avec Image" )
Inscrivez-vous au blog
Soyez prévenu par email des prochaines mises à jour
Rejoignez les 69 autres membres