player d'images [rien ne se passe]

**kohsaka** · 12/06/2007, 09h18

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

l'idée, c'est que quand on click sur l'image, elle change. voici le code :

imgjcript.js

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
 
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 :

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

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

**SpaceFrog** · 12/06/2007, 09h31

Code :

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

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

Code :

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

document.getElementById('move').src=img[i]

**kohsaka** · 12/06/2007, 09h46

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.

**SpaceFrog** · 12/06/2007, 09h57

Code :

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

var img = new array(last_img)

sinon tu as des balises dans le fichier js ?

et

Code :

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

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"

**kohsaka** · 12/06/2007, 10h11

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.

**SpaceFrog** · 12/06/2007, 10h22

tu peux me montrer l'intégralite du html / javascript ?

**SpaceFrog** · 12/06/2007, 10h25

sinon ton test i va planter ...

i = 0 à 2

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

**kohsaka** · 12/06/2007, 10h31

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

imgscript.js

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
 
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 :

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
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>

**SpaceFrog** · 12/06/2007, 10h45

Ton code devrait plutot être :

Code :

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

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 :

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

<img src="img/test.jpg" id="move" class="entreprise" style="cursor:pointer;" onclick="suivante()"/></a>

**kohsaka** · 12/06/2007, 10h46

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.

**kohsaka** · 12/06/2007, 10h53

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.

**kohsaka** · 12/06/2007, 14h59

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 :

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
 
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;
}

**SpaceFrog** · 12/06/2007, 15h07

arf j'avais même pas vu le then

player d'images [rien ne se passe]

JavaScript

Discussions similaires

Partager

Partager