Discussion :

[tsyfar]

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 :

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

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 :

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

[denisC]

Quelle est l'adresse de ta page HTML sur internet? Quelle est l'adresse complète de tes photos?

Le problème vient probablement de là...

Sinon, il y a une erreur dans ton script:

if (numero == 0) numero = nom.length;

Je verrais plutot:

Code :

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

1
2
 
if (numero == -1) numero += nom.length;

Mais bon, ca n'a rien à voir avec le chargement de l'image....

[tsyfar]

MERCI ENCORE, c'était bien une erreur de chemin de fichier...
Honte à moi ;-)))