Prob visionneuse photo javascript
Bonjour,
Je suis en train de faire une visionneuse de photo en javascript.
Mes codes HTML et JAVASCRIPT sont séparés.
J'ai un fichier HTML où j'appel mes fonctions:
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<div id="corps">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<h2>Les photos >> Dahlias 2003</h2><br />
<form name="vision">
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</form>
<img src="photos/balade2004/1.jpg" name="image">
</div> |
J'affiche donc la 1ere photo, puis les 3 boutons (permettant de passer de l'une à l'autre et meme un ptit defilement auto).
Du coté du fichier javascript voici le code:
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
|
var bauto = 0;
var dossier="Photo/balade2004/";
var numero = 1;
function objet()
{
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("1.jpg","2.jpg","3.jpg","4.jpg");
function suivante()
{
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente()
{
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer()
{
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial()
{
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto()
{
if (bauto == 0)
{
bauto =1; changer();
document.vision.automat.value=" Lect/Stop ";
}
else
{
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
} |
Cela ne fonctionne pas, j'ai bien la 1ere image qui s'affiche mais ensuite il me met la ptit croix rouge comme s'il ne trouvait pas la photo...
Faut-il que je fasse passer des arguments du fichiers html vers le fichier js? Si oui comment? et lesquels?
J'espere qu vous pourrez m'aider...
Merci d'avance
