Galerie photo, help ! [Résolu]

Signaler
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007
-
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
-
Bonjour,

voici les premières ébauches d'une galerie photo avec boutons suivant/précédents et vignettes miniatures :

http://leojou.ifrance.com/

il y a 2 problèmes à résoudre :

- quand on clique sur suivant/précédent, au lieu que ce soit le texte descriptif qui s'affiche, c'est le chemin d'accès qui s'affiche

- comment faire pour que les miniatures agissent aussi sur les textes descriptifs ?

15 réponses

Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut
A chaque clique sur une image, changes la valeur de n:

[#

]
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut
J'espère que ça résous ton problème
function bouton(d,ndt) {
var NbrImg = (ndt.length - 1);
n = n + d;
if (n < 1) {
n = NbrImg;
}
if (n > NbrImg) {
n = 1;
}

document.vision.src = ndt[n];
document.getElementById('description').innerHTML = description[n];
}
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

Waouu ! Super ta réponse, et quelle rapidité !

j'ai corrigé d'après ce que tu m'as dit, et ca marche !!!

voir ici : http://leojou.ifrance.com/

maintenant que le 1er probleme est resolu, comment faire pour que les clics sur les vignettes agissent aussi sur les textes ?
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut
Je n'ai pas bien compris ta question
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

eh bien, quand on clique sur les vignettes miniatures, j'aimerai que le texte descriptif change sous la grande image ! comment faire ?
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut

Si j'ai compris ta question, ajoutes une nouvelle fonction à ton script comme ça:


function descript(desc){

document.getElementById('description').innerHTML = desc

}


Pour utiliser cette fonction:

<a href="#" onClick="vision.src='images/grand_01.gif';descript('Texte Photo UN');"></a><a href="#"><img src="images/petit_01.gif" width="81" height="51" border="0"></a> </a>
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Ajoutes à toutes tes petites images cette fonction pour afficher la description:

<a href="#" onClick="vision.src='images/grand_02.gif';descript('Texte Photo DEUX');"><img src="images/petit_02.gif" width="81" height="51" border="0"></a>
..............
..............
..............
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

excellent, ça marche !
le seul truc, c'est que ca oblige a renseigner les textes en double dans le code (ca surcharge le poids du code source). Est ce que tu penses qu'il y aurait moyen de récupérer la variable des textes comme ceci :
[# ]
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

vision.src='images/grand_02.gif';descript('VARIABLE_DESCRIPTION');"
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut
oui c'est possible:

<a href="#" onClick="vision.src='images/grand_02.gif';descript(description[2]);"><img src="images/petit_02.gif" width="81" height="51" border="0"></a>
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

Waou, vraiment là Yousfane tu me scies ! Ca fonctionne à merveille !

petite question, peut-être que tu sauras comment faire :

- quand on arrive sur la galerie, il n'y a pas encore de texte descriptif d'affiché (il apparait seulement a partir du moment ou on effectue le premier clic). Est ce qu'il est possible d'afficher par défaut la description de la photo 1 ?
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Salut
sur ton div description, écris la description de la photo 1:

<DIV ID='description'>Texte Photo UN</DIV>
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

Excellent !!! Waou tu assures Yousfane, mille fois merci !!!

dernière question :

sur cette galerie, quand tu cliques par exemple sur la photo n°8, si tu te sers du bouton "suivant", ça enchaine sur la photo n°2... Est ce qu'il serait possible que ça enchaine sur la photo n°9, c'est à dire que les boutons "suivant" "précédent" prennent en compte la dernière variable utilisée avec les vignettes miniatures ?
Messages postés
17
Date d'inscription
mercredi 6 décembre 2006
Statut
Membre
Dernière intervention
26 novembre 2007

Yousfan, je te suis extremement reconnaissant pour ton aide, toutes tes réponses ont été brillantes, grâce à toi j'ai pu vraiment avancer dans mon boulot, je te remercie du fond du coeur ! Tout fonctionne à présent !
J'ai lu sur ton profil que tu as 14 ans, je te tire mon chapeau, car à cet age là être pourvu d'un tel potentiel et d'une telle efficacité de raisonnement, te promet à un brillant avenir, tous mes encouragements pour la suite.

Merci mille fois !
Messages postés
246
Date d'inscription
vendredi 24 novembre 2006
Statut
Membre
Dernière intervention
21 décembre 2007
2
Merci