Pour l'erreur dans la console javascript : comment la vois t-on?
Sinon le problème venait vraiment du lien entre le fichier javascript et la page html car j'ai inséré directement le code du script.js dans l'html (dans la balise script) et ça a fonctionné!!
:
Je suis contente que ça fonctionne enfin ça m'ennuie un peu de ne pas comprendre pourquoi le lien externe avec le fichier js. ne fonctionnait pas...
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 <script type="text/javascript"> 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 }; } } // Il ne reste plus qu'à appeler notre fonction au chargement de la page window.onload = displayPics; </script>
mais bon ça marche comme ça...
En tout cas merci à tous pour votre aide!
Partager