Discussion :

[DC_44]

Bonjour,
utilisateur très occasionnel de javascript (non spécialiste, webmaster amateur, temps limité) je cherche à faire apparaitre à chaque chargement de la page d'accueil une image différente prise parmi une quinzaine de photos.
Jusque là pas de problème, les scripts abondent.
Mais je cherche à afficher en plus la légende et le nom de l'auteur de l'image.
Et là je sèche, je coince...
D'autant que l'idéal serait de piocher dans un fichier texte facile à modifier qui contiendrait :
nomdelimage1.jpg, legende1, auteur1,
nomdelimage2.jpg, legende2, auteur2,
nomdelimage3.jpg, legende3, auteur3,
etc.

question 1 : est-ce que javascript peut le faire ? (oui je sais php le fait mais j'ai pas accès à du php)
question 2 : si oui, comment faire ? :-)
merci de vos pistes, tuyaux etc.
David

[Bisûnûrs]

Tu peux t'aider de ça :

http://developpez.net/forums/showthread.php?t=248686

Grâce à la méthode 2 modifiée comme tel :

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
 
function randomImg(){
   var tabImg = new Array();
   tabImg[0]  = "image1.gif";
   tabImg[1]  = "image2.jpg";
   tabImg[2]  = "soleil.gif";
   tabImg[3]  = "poisson.jpg";
   tabImg[4]  = "neuneu.png";
 
   var tabLegend = new Array();
   tabLegend[0]  = "Description 1";
   tabLegend[1]  = "Description 2";
   tabLegend[2]  = "Description 3";
   tabLegend[3]  = "Description 4";
   tabLegend[4]  = "Description 5";
 
   var tabAuteur = new Array();
   tabAuteur[0]  = "Auteur 1";
   tabAuteur[1]  = "Auteur 2";
   tabAuteur[2]  = "Auteur 3";
   tabAuteur[3]  = "Auteur 4";
   tabAuteur[4]  = "Auteur 5";
 
   var n = Math.round(Math.random()*4);
 
   document.getElementById('image').src += tabImg[n];
   document.getElementById('legend').innerHTML = tabLegend[n];
   document.getElementById('auteur').innerHTML = tabAuteur[n];
}

[DC_44]

Ok, cela résoud mon problème d'association de l'image à l'auteur et à sa légende, un grand merci.
Pas moyen de mettre le tableau en fichier externe ?
David

[Bisûnûrs]

Si bien sûr. Qu'est-ce qui t'en empêche ?

[DC_44]

Si bien sûr. Qu'est-ce qui t'en empêche ?

Je me suis mal exprimé.
Ce n'est pas moi qui saisit les références (nom du fichier, auteur, légende) et pour simplifier la mise à jour de l'ensemble, éviter les erreurs qui pourraient bousculer le code javascript, j'aimerais séparer le fichier javascript du fichier de données à appeler (donnees.txt par exemple) qui contiendrait le nom des images, des auteurs et des légendes.
Je ne sais pas si je suis vraiment plus clair
Merci en tout cas pour la rapidité de la réponse.
David

[Bisûnûrs]

On ne peut malheureusement pas lire de fichier en Javascript qui permettrait de récupérer ces données. Dans ce cas-là il va falloir que tu passes par un langage serveur.

[DC_44]

Tu peux t'aider de ça :

http://developpez.net/forums/showthread.php?t=248686

Grâce à la méthode 2 modifiée comme tel :

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
 
function randomImg(){
   var tabImg = new Array();
   tabImg[0]  = "image1.gif";
   tabImg[1]  = "image2.jpg";
   tabImg[2]  = "soleil.gif";
   tabImg[3]  = "poisson.jpg";
   tabImg[4]  = "neuneu.png";
 
   var tabLegend = new Array();
   tabLegend[0]  = "Description 1";
   tabLegend[1]  = "Description 2";
   tabLegend[2]  = "Description 3";
   tabLegend[3]  = "Description 4";
   tabLegend[4]  = "Description 5";
 
   var tabAuteur = new Array();
   tabAuteur[0]  = "Auteur 1";
   tabAuteur[1]  = "Auteur 2";
   tabAuteur[2]  = "Auteur 3";
   tabAuteur[3]  = "Auteur 4";
   tabAuteur[4]  = "Auteur 5";
 
   var n = Math.round(Math.random()*4);
 
   document.getElementById('image').src += tabImg[n];
   document.getElementById('legend').innerHTML = tabLegend[n];
   document.getElementById('auteur').innerHTML = tabAuteur[n];
}

J'ai fait une page avec ton code (encore merci), ça marche pas si je laisse le + dans l'avant-avant-dernière ligne :

Code :

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

   document.getElementById('image').src += tabImg[n];

pas glop

Code :

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

   document.getElementById('image').src = tabImg[n];

glop glop !
Maintenant je suis bien incapable de comprendre/expliquer pourquoi ni de dire si c'est mieux comme ça
Mille mercis
David

[DC_44]

J'ai encore un souci :
en local, tout est ok. Mais mon javascript s'insère en fait dans une page dans un système de publication en ligne (CMS) sur lequel je n'ai pas la main, et je ne peux pas notamment insérer de onload après la balise body.
Du coup je coince : comment charger randomImg ?
merci encore de votre patience.
David

[Bisûnûrs]

Mets

Code :

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

window.onload = randomImg;

dans ton script.

[DC_44]

Mets

Code :

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

window.onload = randomImg;

dans ton script.

Bon sang mais c'est bien sûr !
Merci Bisûnûrs !
David