1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
|
<head>
<script language="javascript">
var FichierImage="imagezoom.jpg";
var pos_haut=60;
var pos_gauche=10;
var largeur_max=900;
var largeur_min=10;
var delai=1;
var pas=2;
document.write('div style="position:absolute;top:'+pos_haut+';left:'+pos_gauche+'"><img src="'+FichierImage+'"name="zoom"></div>');
largeur_courante=zoom.width;
hauteur_courante=zoom.height;
var delai_ori=delai;
function zoom=plus(){
if(zoom.witdh>largeur_min){
zoom.witdh-=pas;
zoom.height=Math.round(zoom.witdh*((hauteur_courante)/(largeur_courante)));
setTimeout("zoom_moins()",delai);
}
}
funtion zoom_plus(){
if(zoom.width<largeur_max){
zoom.width+=pas;
zoom.height=Math.round(zoom.witdh*((hauteur_courante)/(largeur_courante)));
setTimeout("zoom_plus()",delai);
}
}
function zoom_restaurer(){
delai=delai_ori;
}
function zoom_pause(){
delai=10000000000.
}
function zoom_original(){
zoom.witdh=largeur_courante;
zoom.height=hauteur_courante;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<a href="#" onmouseover="javascript:zoom_restaurer();zoom_plus();"
onmouseout="javascript:zoom_pause();">zoom+</a>
<a href="#"
onmouseover="javascript:zoom_restaurer();zoom_original();">original</a>
<a href="#" onmouseover="javascript:zoom_restaurer;zoom_moins();" onmouseout="javascript:zoom_pause();">zoom</a>
</body> |
Partager