Un zoom sur une image, vous pouvez zoomer indépendamment sur la largeur et la hauteur ce qui vous laisse le privilège de quelque fantaisies (voir les exemples)
Exemple 2 (zoom identique sur largeur et hauteur) Exemple 3 (zoom plus important sur la largeur) |
|
<BODY onLoad="zoom()"> |
<SCRIPT LANGUAGE="JavaScript"> <!-- //Interdiction d'effacer ces lignes //D'autres script,applet,images sur webgraf.com //Auteur: Mathieu Gros, webmaster@webgraf.com var image="illumin.gif"//Votre image ici var speed=50 //la vitesse de l'animation var width_max=70 //La largeur maximale de l'image (en pixel) var height_max=100 //La hauteur maximale de l'image (en pixel) var step=10 //Le nombre de pixel entre chaque "agrandissement/reduction" var left=50 //La position horizontale de l'animation dans la page (en pixel) var top=150 //La position verticale de l'animation dans la page (en pixel) //Pas touche à la suite hght=1;wdth=1;zm1=1;zm2=1; var img;imag1 = new Image();imag1.src = image; if (navigator.appName == "Netscape") { document.write('<LAYER NAME="zim01" left='+left+' top='+top+'></LAYER>'); t=1;}else{ document.write('<span ID="zim01" STYLE="Position:absolute; left:' +left+'; top:'+top+'; z-index:0;"></span>');t=0;} function zoom(){ hght+=zm1*step wdth+=zm2*step tph=top-0.5*hght tpw=left-0.5*wdth img='<IMG SRC="'+image+'" width="'+wdth+'" height="'+hght+'">' if (t) with(document.zim01){top=tph;left=tpw;document.write(img);document.close();} else {with(document.all.zim01.style){posTop=tph;posLeft=tpw;} zim01.innerHTML=img;} if (hght>=height_max) zm1=-1 if (wdth>=width_max) zm2=-1 if (hght<=2*step)zm1=1 if (wdth<=2*step)zm2=1 setTimeout("zoom()",speed);} //--> </script> |