ma visionneuse d'images

Version imprimable

Bonsoir, je suis un débutant et j'ai un soucis avec ma visionneuse d'image, voici le script, les boutons s'affichent bien, l'encadrement est ok, les noms sont s'affichent aussi, mais je n'ai aucune images qui s'affichent !!! Pourriez vous m'aider à résoudre ce problème........par avance merci à tous...voici le script:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<html>
	<head><title> J'aimerai que cela marche</title>
 
	<SCRIPT LANGUAGE="JavaScript">
	var rotate_delay = 2000;
	current = 0;
	function next() {
	if (document.slideform.slide[current+1]) {
	document.images.show.src = document.slideform.slide[current+1].value;
	document.slideform.slide.selectedIndex = ++current;
	   }
	else first();
	}
	function previous() {
	if (current-1 >= 0) {
	document.images.show.src = document.slideform.slide[current-1].value;
	document.slideform.slide.selectedIndex = --current;
	   }
	else last();
	}
	function first() {
	current = 0;
	document.images.show.src = document.slideform.slide[0].value;
	document.slideform.slide.selectedIndex = 0;
	}
	function last() {
	current = document.slideform.slide.length-1;
	document.images.show.src = document.slideform.slide[current].value;
	document.slideform.slide.selectedIndex = current;
	}
	function ap(text) {
	document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
	rotate();
	}
	function change() {
	current = document.slideform.slide.selectedIndex;
	document.images.show.src = document.slideform.slide[current].value;
	}
	function rotate() {
	if (document.slideform.slidebutton.value == "Stop") {
	current = (current == document.slideform.slide.length-1) ? 0 : current+1;
	document.images.show.src = document.slideform.slide[current].value;
	document.slideform.slide.selectedIndex = current;
	window.setTimeout("rotate()", rotate_delay);
	   }
	}
	//  End -->
	</script>
 
 
 
 
	</head>
 
 
	<body>
 
	<center>
	<form name=slideform>
	<table cellspacing=1 cellpadding=4 bgcolor="#000000">
	<tr>
	<td align=center bgcolor="white">
	<b>Nature sauvage</b>
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="white" width=500 height=350>
	<img src="nature1.jpg" name="show">
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="#C0C0C0">
	<select name="slide" onChange="change();">
	<option value="nature1.jpg" selected>un arbre
	<option value="nature2.jpg">une baleine
	<option value="nature3.jpg">une rivière
	<option value="nature4.jpg">une tortue de mer
	</select>
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="#C0C0C0">
	<input type=button onClick="first();" value="|<<" title="Beginning">
	<input type=button onClick="previous();" value="<<" title="Previous">
	<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
	<input type=button onClick="next();" value=">>" title="Next">
	<input type=button onClick="last();" value=">>|" title="End">
	</td>
	</tr>
	</table>
	</form>
	</center>
 
	</body>
 
	</html>

21/06/2011, 20h42
NoSmoking

Bonsoir,
à première vu, difficile d'ailleurs, je dirais un problème de chemin d'accès.

IMPORTANT
Mets les balises [code] grâce au bouton # de l'éditeur

ma visionneuse d'image

Je ne comprend pas, le tableau s'affiche bien avec les boutons suivant, précédent, start et stop, mais les images ne s'affichent pas.
Voici le script dans son intégralité:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<html>
	<head><title> J'aimerai que cela marche</title>
 
	<SCRIPT type="text/JavaScript">
        var rotate_delay = 2000;
        current = 0;
        function next() {
        if (document.slideform.slide[current+1]) {
        document.images.show.src = document.slideform.slide[current+1].value;
        document.slideform.slide.selectedIndex = ++current;
           }
        else first();
        }
        function previous() {
        if (current-1 >= 0) {
        document.images.show.src = document.slideform.slide[current-1].value;
        document.slideform.slide.selectedIndex = --current;
           }
        else last();
        }
        function first() {
        current = 0;
        document.images.show.src = document.slideform.slide[0].value;
        document.slideform.slide.selectedIndex = 0;
        }
        function last() {
        current = document.slideform.slide.length-1;
        document.images.show.src = document.slideform.slide[current].value;
        document.slideform.slide.selectedIndex = current;
        }
        function ap(text) {
        document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
        rotate();
        }
        function change() {
        current = document.slideform.slide.selectedIndex;
        document.images.show.src = document.slideform.slide[current].value;
        }
        function rotate() {
        if (document.slideform.slidebutton.value == "Stop") {
        current = (current == document.slideform.slide.length-1) ? 0 : current+1;
        document.images.show.src = document.slideform.slide[current].value;
        document.slideform.slide.selectedIndex = current;
        window.setTimeout("rotate()", rotate_delay);
           }
        }
        //  End -->
        </script>
 
 
 
 
	</head>
 
 
	<body>
 
	<center>
	<form name=slideform>
	<table cellspacing=1 cellpadding=4 bgcolor="#000000">
	<tr>
	<td align=center bgcolor="white">
	<b>Nature sauvage</b>
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="white" width=500 height=350>
	<img src="nature1.jpg" name="show">
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="#C0C0C0">
	<select name="slide" onChange="change();">
	<option value="nature1.jpg" selected>un arbre
	<option value="nature2.jpg">une baleine
	<option value="nature3.jpg">une rivière
	<option value="nature4.jpg">une tortue de mer
	</select>
	</td>
	</tr>
	<tr>
	<td align=center bgcolor="#C0C0C0">
	<input type=button onClick="first();" value="|<<" title="Beginning">
	<input type=button onClick="previous();" value="<<" title="Previous">
	<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
	<input type=button onClick="next();" value=">>" title="Next">
	<input type=button onClick="last();" value=">>|" title="End">
	</td>
	</tr>
	</table>
	</form>
	</center>
 
	</body>
 
	</html>

Merci pour votre aide.

la question qui ce pose, visiblement, est est ce que l'image s'affiche au départ, je parle de celle ci
Code:

1 2 3 <td align=center bgcolor="white" width=500 height=350> <img src="nature1.jpg" name="show"> </td>
si non c'est que le chemin de l'image n'est pas complet.

La façon de renseigner la src de la balise IMG sous entend que les images sont dans le même répertoire que ton fichier HTML.

on pourrait en profiter pour ajouter que le nom des images ne me parait pas judicieux
Code:

1 2 3 4 5 6 <select name="slide" onChange="change();"> <option value="nature1.jpg" selected>un arbre <option value="nature2.jpg">une baleine <option value="nature3.jpg">une rivière <option value="nature4.jpg">une tortue de mer </select>
...mais c'est du détail...