zoomer - Tout pour le Javascript aux 1001 Astuces Nam@ni

1001 Astuces Nam@ni
http://www.namani.net
Zoomer

zoomer	réduire
pour voir ou dégager la photo.

Pratique pour grandes photos
sur une page chargée.

Placer entre les tags <head>

<script language="javascript" type="text/javascript">
var ounamani="image.gif"; // url de l'image
var hnamani=100;  //emplacement depuis le top
var gnamani=140; //emplacement depuis la gauche 
var maxnamani=450; //la taille maximale
var minnamani=20;  //la taille minimale
var pausenamani=1;        
var etapnamani=8;     
        
// Ne plus rien changer dessous
document.write('<div id="q_div" style="position:absolute; top:' + hnamani + '; left:' + gnamani + '"><img src="' + ounamani + '" border="0"  name="zoom" alt="zoomer ou réduire"></div>');
largenamani=zoom.width;
hnamaniaut=zoom.height;
var timer=pausenamani;
function zoomnamani(){
   if(zoom.width>minnamani){
    zoom.width-=etapnamani;
    zoom.height=Math.round(zoom.width*((hnamaniaut)/(largenamani)));
    setTimeout("zoomnamani()",pausenamani);}
   else{// http://www.namani.net 
	zoom.width=zoom.width;}} 
function retournamani(){
   if(zoom.width<maxnamani){
    zoom.width+=etapnamani;
    zoom.height=Math.round(zoom.width*((hnamaniaut)/(largenamani)));
    setTimeout("retournamani()",pausenamani);}
   else{
	zoom.width=zoom.width;}} 
function stopzoom(){pausenamani=timer;}
function zoompausenamani(){pausenamani=10000000000;}
</script>