18067 sujets

Questions générales et questions de débutants

Galerie photos

Bonjour et navrée de remettre un sujet sur la galerie photos mais même en relisant les précédents échanges sur le sujet je ne trouve pas de solution à mon problème...

Lorsque je clique sur mes vignettes le lien l'ouvre dans une nouvelle fenêtre...où est l'erreur ?

voici la page concernée : http://www.enscm.fr/sol-gel2007/local_information.htm
(attention je n'ai configuré pour le moment que deux photos)

et le code du fichier "script.js" :
// 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

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



Merci pour votre aide précieuse !

[/i]
Salut,

deux possiblités :

1. Tu n'as pas mis les id qui conviennent dans le document html. Dans ce cas tu dois avoir des messages d'erreurs... A toi de faire les vérifications.

2. Plus probablement, il y a un onload qui se ballade après celui du script gallerie.js et qui de ce fait annihile le onload de ce dernier. Et dans ce cas il n'y aura pas de message d'erreur.

Par rapport au cas deux, une piste très efficace à explorer sur le site de Jep:
Evenements multiples au chargement d'une page
Modifié par clb56 (20 Sep 2006 - 12:49)
Salut et bienvenue poussin366,
clb56, c'est ton 2 - qui corresponds :
Il faudrait que tu changes
window.onload = displayPics;
dans script.js par :
window.onload = function(){
montre();displayPics();
}
Sujet clos
Aller à