zoomer sur une image

**lekooto** · 05/02/2007, 17h01

bonjour à tous.j'ai un probleme avec ce bout de code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

il devrait en principe agrandir ou reduire l'image selon que l'on clique sur zoom ou sur zoom_-.
Les ancres apparaissent bien dans le navigateur mais pas l'image.je n'arrive pas a dechiffer l'erreur dans ce bout de code car je l'ai eu moi meme par l'intermédiaire d'un magazine
merci d'avance

si vous pouviez aussi m'eclaircir sur le code avec quelques commentaires ce serait bien

**nabab** · 05/02/2007, 19h15

Je sais pas ou t'as trouve ca, mais franchement revois tes sources, c'est de la grosse daube, des erreurs partout, des fautes de frappe, etc...
Je l'ai refait, c'est pas top, mais ca marche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
54
55
56
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</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><br />
<img src="../img.jpg" id="zoom" name="zoom" width="1280" height="960" />
<script language="javascript">
var largeur_max=1900;
var largeur_min=10;
var delai=1;
var pas=2;
var hauteur_orig = document.images[0].height;
var largeur_orig = document.images[0].width;
var delai_ori=delai;
</script>
<script language="javascript">
function zoom_moins(){
if(document.images[0].width>largeur_min){
    document.images[0].width-=pas;
    var q = document.images[0].width-=pas;
		var largeur_courante = document.images[0].width;
		document.images[0].height=Math.round(q*(hauteur_orig/largeur_orig));
    setTimeout("zoom_moins()",delai);
}
}
function zoom_plus(){
if(document.images[0].width<largeur_max){
    document.images[0].width+=pas;
    var q = document.images[0].width+=pas;
		var largeur_courante = document.images[0].width;
		document.images[0].height=Math.round(q*(hauteur_orig/largeur_orig));
    setTimeout("zoom_plus()",delai);
}
}
 
function zoom_restaurer(){
delai=delai_ori;
}
 
function zoom_pause(){
delai=10000000000.
}
 
function zoom_original(){
document.images[0].width=largeur_orig;
document.images[0].height=hauteur_orig;
}
</script>
</body>
</html>

zoomer sur une image

JavaScript

Discussions similaires

Partager

Partager