player d'images [rien ne se passe]

Version imprimable

bonjour a tous,

je suis en train de réaliser un site internet, et je me disais que pourrait rajouter un peu de contenu dynamique.
j'ai donc tenter de réaliser un "player" d'images, pour l'instant très sommaire, pourtant ça ne marche pas :aie:
l'idée, c'est que quand on click sur l'image, elle change. voici le code :

imgjcript.js
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 img = new array(last_img) img[0].src = "img/test.jpg" img[1].src = "img/test2.jpg" var nbimg = 2; var i = 0; function suivante() { if(i > nbimg) then { i = 0; document.move.src = img[i].src } else { i++; document.move.src = img[i].src } }
partie du code html
Code:

1 2 3 4 5 6 7 <script src="imgscript.js" type="text/javascript" language="javascript"> </script> . . . <a href="javascript: suivante()"><img src="img/test.jpg" name="move" class="entreprise"/></a>
merci pour vos réponses :)

12/06/2007, 09h31
SpaceFrog

Code:

<a href="javascript: suivante()"><img src="img/test.jpg" id="move" class="entreprise"/></a>

Code:

document.getElementById('move').src=img[i]
12/06/2007, 09h46
kohsaka

merci pour ta réponse, j'ai changé les éléments que tu m'as indiqué mais ça ne marche toujours pas.

j'ai rajouter un "alert" au début de la fonction, et celui-ci n'apparait pas non plus.

Code:

var img = new array(last_img)

sinon tu as des balises dans le fichier js ?

et
Code:

1 2 3 4 5 img = new array() img[0]=new Image() img[0].src = "img/test.jpg" img[1].src=new Image() img[1].src = "img/test2.jpg"

12/06/2007, 10h11
kohsaka

toujours le même problème.
j'ai mis l'intégralité du fichier js dans mon premier post, il n'y a aucune balise html.

j'ai remarqué que j'utilisais var img = new array(last_img) mais en réalité je ne sais pas vraiment a quoi correspond cette variable et elle n'existe nulle part dans mon script.
12/06/2007, 10h22
SpaceFrog

tu peux me montrer l'intégralite du html / javascript ?
12/06/2007, 10h25
SpaceFrog

sinon ton test i va planter ...

i = 0 à 2

img[2] n'existe pas ...
soit tu mets >= 2 alors >1

voila je remets tout, avec les modifications qui ont été apporté entre 2
merci pour ton aide !

imgscript.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var img = new array()
 
img[0] = new Image()
img[0].src = "img/test.jpg"
img[1] = new Image()
img[1].src = "img/test2.jpg"
 
var nbimg = 2;
var i = 0;
 
 
function suivante() 
{  
	i=(i > nbimg)?0:i+1; 
	document.getElementById('move').src = img[i].src 
}

index.html : le java script est utilisé vers la fin du fichier

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
 
<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css"/>
	<script src="imgscript.js" type="text/javascript" language="javascript">
	</script>
</head>
<body>
	<center>
		<div>
 
			<div class="logo">
			</div>
			<div class="title">	
			</div>
			<div class="test">
				<div class="menu">
				<ul>
					<li id="actif">
						<a href="index.html" class="button">Présentation</a>
					</li>
					<li>
						<a href="presentation.htm" class="button">Historique</a>
					</li>
					<li>
						<a href="presentation.htm" class="button">Réalisation</a>						
					</li>
					<li>
						<a href="presentation.htm" class="button">Plan d'accès</a>
					</li>							
					<li>
						<a href="presentation.htm" class="button">Contact</a>
					</li>
				</ul>
				</div>
				<div class="contenu">
					<table>
						<tr>
							<td class="thetext">
								<p class="text"> Nous vous souhaitons la bienvenue chez la SARL Noel Deleury<br/>
								La SARL Noel Deleury est une société vous proposant la réalisation
								de la couverture de vos toitures et de la zinguerie.<br/>
								Nous faisons toutes les couvertures, en ardoises, en tuiles, en taules, en zinc.<br/>
								Nous vous souhaitons une agréable découverte de notre société et
								de notre activité en espérant bientôt vous rencontrer.
								</p>
							</td>
							<td class="limite">
								<center>
									<img src="img/limite.png"/>
								</center>
							</td>
							<td>
								<center>
									<img src="img/test.jpg" id="move" class="entreprise" style="cursor:pointer;" onclick="suivante()"/>
								</center>
							</td>
						</tr>
					</table>
				</div>
				<div id="piedpage">
						<img src="img/logo.png" align="left" class="piedlogo"/>
						<center>
							<p class="pied">version 1.0 - juin 2007 - designed by Yan Deleury & Jérome Lecerf</p>
						</center>
				</div>
			</div>
		</div>
	</center>
</body>
</html>

12/06/2007, 10h45
SpaceFrog
Ton code devrait plutot être :
Code:

1 2 3 4 5 function suivante() { i=(i > nbimg)?0:i+1; document.getElementById('move').src = img[i].src }
et vire la balise a :

Code:

<img src="img/test.jpg" id="move" class="entreprise" style="cursor:pointer;" onclick="suivante()"/></a>
12/06/2007, 10h46
kohsaka

j'ai mis a jour mon post precedent en corrigeant l'erreur que tu as souligné, et j'ai enlever les "then" que j'avais machinalement mis apres mon if.
12/06/2007, 10h53
kohsaka

j'ai appliqué les nouvelles modif que tu m'as indiqué, même si je ne comprends pas la syntaxe utilisée, en tout cas, le problème reste le même.

edit : j'ai rajouté un alert et cette fois, celui-ci s'execute mais l'image ne change pas.

en faisant des recherches j'ai trouvé un truc qui correspondez un peu a mon problème, aprés quelques modif ça donne ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
var tab_image = new Array(2);
for (var i=0; i< tab_image.length;i++)
	tab_image[i]= new Image();
tab_image[0].src='img/test.jpg';
tab_image[1].src='img/test2.jpg';
 
 
var n=0;
 
function next() 
{
n= ++n;
if (n == tab_image.length) n=0;
window.document.move.src=tab_image[n].src;
}
 
function prec() 
{
n= --n;
if (n == -1) n=1;
window.document.move.src=tab_image[n].src;
}

12/06/2007, 15h07
SpaceFrog

arf j'avais même pas vu le then :oops: