Bonjour,
J'ai utilisé le code du tutorial "Galerie photo avec JavaScript", impeccable cela fonctionne parfaitement.
Je souhaitais aller un peu plus loin mais mes connaissances en javascript sont assez limitées...
Je souhaitais en fait rajouter un lien different sur la grande photo suivant laquelle des petites vignettes a été cliqué...
Dans ce code j'ai tenté les different cas avec le switch mais ca ne fonctionne pas...
Quelqu'un pourrait m'aider ?
Merci d'avance [/i]
J'ai utilisé le code du tutorial "Galerie photo avec JavaScript", impeccable cela fonctionne parfaitement.
Je souhaitais aller un peu plus loin mais mes connaissances en javascript sont assez limitées...
Je souhaitais en fait rajouter un lien different sur la grande photo suivant laquelle des petites vignettes a été cliqué...
// JavaScript Document
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
var liens_photo = document.getElementById('photo').getElementsByTagName('a') ;
// je recupere ici le lien qui est sur la grande image
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
switch(big_photo.alt){
case ("titre de la photo 1") : liens_photo.href = "liens1" ;
case ("titre de la photo 2") : liens_photo.href = "liens2" ;
case ("titre de la photo 3") : liens_photo.href = "liens3" ;
....
}
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
Dans ce code j'ai tenté les different cas avec le switch mais ca ne fonctionne pas...
Quelqu'un pourrait m'aider ?
Merci d'avance [/i]