addition en javascript

Version imprimable

Bonjour,
j'ai besoin d'afficher des image l'une apres l'autre, elle sont numéroter,
mon souci viens de cette ligne :

Code:

1
2
 
imgs = image++;

qui ne fonctionne pas ...

le code au complet

Code:

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
57
58
59
60
61
62
63
64
65
66
67
68
69
 
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>animpation cub</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Tahoma;
	font-size: 10px;
}
body {
	margin: 0px;
}
div#cube {
color:#154896;
font-size:19px;
}
-->
</style>
 
<script language="javascript" type="text/javascript">
function $(element){
	return document.getElementById(element);
}
 
function animation_cube(image) {
 
if (image < 11) {
 
img = '<img src="CUB/cube rotation droite 00'+image+'.jpg" alt="'+image+'" />';
$('cube').innerHTML = img;
 
imgs = image++;
 
timer = setTimeout('animation_cube("'+imgs+'")',1000);
alert(imgs);
}
else
{
clearTimeout(timer);
TimerRunning = false;
}
}
</script>
 
</head>
<body onLoad="animation_cube('00')">
<div style="display:none;" >
<img src="CUB/cube rotation droite 0000.jpg" alt="00" />
<img src="CUB/cube rotation droite 0001.jpg" alt="01" />
<img src="CUB/cube rotation droite 0002.jpg" alt="02" />
<img src="CUB/cube rotation droite 0003.jpg" alt="03" />
<img src="CUB/cube rotation droite 0004.jpg" alt="04" />
<img src="CUB/cube rotation droite 0005.jpg" alt="05" />
<img src="CUB/cube rotation droite 0006.jpg" alt="06" />
<img src="CUB/cube rotation droite 0007.jpg" alt="07" />
<img src="CUB/cube rotation droite 0008.jpg" alt="08" />
<img src="CUB/cube rotation droite 0009.jpg" alt="09" />
<img src="CUB/cube rotation droite 0010.jpg" alt="10" />
 
 </div>
 
<div id="cube">
</div>
</body>
</html>

merci.

22/05/2008, 14h36
DoubleU

Code:

<body onLoad="animation_cube('00')">

En faisant ca, tu passes une string en argument de ta fonction, donc tu appliques ton ++ sur une string... et forcément ca plante ^^

essaie sans les ' ', ou alors tu peux faire au début de ta fonction

Code:

image = Number(image)
22/05/2008, 14h48
Auteur

Et puis prends l'habitude de déclarer tes variables qu'elles soient globales ou locales. FF retourne parfois des messages d'erreurs si des variables ne sont pas déclarées. ;)
23/05/2008, 07h58
mimagyc
Merci pour vos réponse,

j'ai donc essayer en enlevant les '' et avec

Code:

image = Number(image)

, malgré cela, ca ne fopnctionne pas,
lorsque j'enleve les '', il em compte un nombre a 14 chiffre (j'ai besoin de 2 chiffre etant donner que mes image vont de 0 a 10).

et avec la deuxieme solution , ca ne fonctionne pas non plus.

déclaré les variable ... comme par exemple
Code:

1 2 var img = '<img src="CUB/cube rotation droite 00'+image+'.jpg" alt="'+image+'" />';
?

Merci.

Code:

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
57
58
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>animpation cub</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Tahoma;
	font-size: 10px;
}
body {
	margin: 0px;
}
div#cube {
color:#154896;
font-size:19px;
}
-->
</style>
 
<script language="javascript" type="text/javascript">
function $(element){
	return document.getElementById(element);
}
 
var imgSuivante = 0 ;
 
function animation_cube(image) {
 
if (image < 11) {
 
strFinal = (image < 10) ? "0"+image:image;
string = "num image  : 00" + strFinal;
$('cube').innerHTML = string;
 
imgSuivante = image + 1 ;
 
timer = setTimeout('animation_cube('+imgSuivante+')',1000);
}
else
{
clearTimeout(timer);
TimerRunning = false;
}
}
</script>
 
</head>
<body onLoad="animation_cube(0)">
<div style="display:none;" >
 </div>
 
<div id="cube">
</div>
</body>
</html>

voila testé et aprouvé ;)