Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1831 connectés 

  FORUM HardWare.fr
  Programmation
  Java

  javascript, je n'arrive pas a faire fonctionner ma galerie d'images

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

javascript, je n'arrive pas a faire fonctionner ma galerie d'images

n°2231115
dante05
Posté le 17-06-2014 à 21:16:19  profilanswer
 

Salut à tous, je rencontre un bon gros problème.
 
J'ai suivi un tuto pour créer une galerie d'images en java seul souci, bah les images s'ouvrent sur une page vierge, donc ca ne fonctionne pas.
 
j'ai fait un fichier html nommé 'index'
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head><script type="text/javascript" src="script.js"></script>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Document sans nom</title>
  6. </head>
  7. <body>
  8. <div id="galerie">
  9.   <ul id="galerie_mini">
  10.     <li>
  11.       <a href="images/photo1.jpg" title="Titre de la photo 1"><img src="images/minis/m_photo1.jpg" alt="Le titre de la photo 1" width="70" /></a>    </li>
  12.     <li>
  13.       <a href="images/photo2.jpg" title="Titre de la photo 2"><img src="images/minis/m_photo2.jpg" alt="Le titre de la photo 2" width="70" /></a>    </li>
  14.     <li>
  15.       <a href="images/photo3.jpg" title="Titre de la photo 3"><img src="images/minis/m_photo3.jpg" alt="Le titre de la photo 3" width="70" /></a>    </li>
  16.     <li>
  17.       <a href="images/photo4.jpg" title="Titre de la photo 4"><img src="images/minis/m_photo4.jpg" alt="Le titre de la photo 4" width="70" /></a>    </li>
  18.     <li>
  19.       <a href="images/photo5.jpg" title="Titre de la photo 5"><img src="images/minis/m_photo5.jpg" alt="Le titre de la photo 5" width="70" /></a>    </li>
  20.     <li>
  21.       <a href="images/photo6.jpg" title="Titre de la photo 6"><img src="images/minis/m_photo6.jpg" alt="Le titre de la photo 6" width="70" /></a>    </li>
  22.     <li>
  23.       <a href="images/photo7.jpg" title="Titre de la photo 7"><img src="images/minis/m_photo7.jpg" alt="Le titre de la photo 7" width="70" /></a></li>
  24. </ul>
  25.   <dl id="photo">
  26.     <dt>Titre de la photo 1</dt>
  27.     <dd><img id="big_pict" src="images/photo1.jpg" alt="Photo 1 en taille normale" /></dd>
  28.   </dl>
  29. </div>
  30. </body>
  31. </html>


 
Et un fichier nommé 'script.js'
 

Code :
  1. // JavaScript Documentfunction displayPics()
  2. {
  3.   var photos = document.getElementById('galerie_mini') ;
  4.   // On récupère l'élément ayant pour id galerie_mini
  5.   var liens = photos.getElementsByTagName('a') ;
  6.   // On récupère dans une variable tous les liens contenu dans galerie_mini
  7.   var big_photo = document.getElementById('big_pict') ;
  8.   // Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
  9.   var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
  10.   // Et enfin le titre de la photo de taille normale
  11.   // Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
  12.   for (var i = 0 ; i < liens.length ; ++i) {
  13.     // Au clique sur ces liens  
  14.     liens[i].onclick = function() {
  15.       big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
  16.       big_photo.alt = this.title; // On change son titre
  17.       titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
  18.       return false; // Et pour finir on inhibe l'action réelle du lien
  19.     };
  20.   }
  21. }
  22. // Il ne reste plus qu'à appeler notre fonction au chargement de la page
  23. window.onload = displayPics;


 
Mais rien y fait ca ne fonctionne pas, meme en copie collant vulgairement le code comme ci dessus.
 
Bref si quelqu'un peut m'aider je le remercie d'avance ^^

mood
Publicité
Posté le 17-06-2014 à 21:16:19  profilanswer
 

n°2231130
Soileh
Lurkeur professionnel
Posté le 18-06-2014 à 00:03:58  profilanswer
 

:hello: !
 
La seule bizarrerie que je remarque, c'est qu'il te manque la déclaration de ta fonction displayPics dans ton script.js avant l'accolade :??:
Parce qu'en copiant ton code, chez moi ça marche® [:er dehy:3] [:cupra]


---------------
And in the end, the love you take is equal to the love you make
n°2231132
dante05
Posté le 18-06-2014 à 01:19:42  profilanswer
 

salut,
en effet, il me manquais un truc et maintenant ca fonctionne
 
merci :jap:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Java

  javascript, je n'arrive pas a faire fonctionner ma galerie d'images

 

Sujets relatifs
[OK] comment integrer lien dans slideshow javascriptChanger le contenu d'une balise HTML avec Javascript
[PHP/Javascript] API Google Maps : marqueur ne fonctionne pasJouer une animation (JavaScript)
Je n'arrive pas ajouter mes composants la ou je veux.Besoin d'aide pour mon programme javascript
erreur javascript 55 dans indesign cs6placer image sur panel depuis menu, plusieurs images, non !!!
Javascript, destruction de divPHP + SQL + Jpgraph = j'y arrive pas
Plus de sujets relatifs à : javascript, je n'arrive pas a faire fonctionner ma galerie d'images


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR