Faire un diaporama

Faire un diaporama - HTML/CSS - Programmation

Marsh Posté le 04-06-2007 à 13:57:34    

Salut à tous,
 
J'ai réalisé un petit diaporama sous Javascript avec le code suivant :
 

Code :
  1. NewImg = new Array (
  2. "../Images/diaporama/paysage_limargue.jpg",
  3. "../Images/diaporama/paysagev.jpg"
  4. );
  5. var ImgNum = 0;
  6. var ImgLength = NewImg.length - 1;
  8. //Délai entre les diapositives en millisecondes.
  9. var delay = 3000;
  11. var lock = false;
  12. var run;
  13. auto();
  14. function chgImg(direction)
  15. {
  16. if (document.images)
  17. {
  18.  ImgNum = ImgNum + direction;
  19.  if (ImgNum > ImgLength)
  20.  {
  21.   ImgNum = 0;
  22.  }
  23.  if (ImgNum < 0)
  24.  {
  25.   ImgNum = ImgLength;
  26.  }
  27.  document.slideshow.src = NewImg[ImgNum];
  28.    }
  29. }
  30. function auto()
  31. {
  32. if (lock == true)
  33. {
  34.  lock = false;
  35.  window.clearInterval(run);
  36. }
  37. else if (lock == false)
  38. {
  39.  lock = true;
  40.  run = setInterval("chgImg(1)", delay);
  41.    }
  42. }


 
Et le problème c'est que je voudrais que la liste des images à afficher ne soit pas en dur comme ici mais dynamique, en fait je voudrais que cette liste soit la liste de mes images contenu dans un certain dossier ("../Images" en l'occurence).
 
Alors je sais comment lister le contenu d'un repertoire en php mais en javascript, cela ne me semble pas être possible, javascript s'execute coté client non ?
 
Merci de votre aide !!  :hello:


Message édité par dustnet le 04-06-2007 à 13:58:45

---------------
http://www.emmanuelrondeau.com
Reply

Marsh Posté le 04-06-2007 à 13:57:34   

Reply

Marsh Posté le 04-06-2007 à 14:03:17    

tu as tout compris  
 
le plus simple est , en php /asp / .. de parcourir le dossier et de passer les données en paramètre du script js

Reply

Marsh Posté le 04-06-2007 à 14:06:03    

Je ne suis pas du tout un chaud du Javascript, comment faire pour passer un paramétre a mon script ?
 
Pour l'instant, voila ma page php :
 

Code :
  1. <script src="../fonctions/diaporama.js" type="text/javascript"></script>
  2. <h1 class="titreport">Nos r&eacute;alisations</h1>
  3. <p class="paragraphe">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.</p>
  4. <div class="diaporama"><img src="../Images/diaporama/paysage_typique_causse.jpg" name="slideshow" alt="Nos réalisations"/></div>


---------------
http://www.emmanuelrondeau.com
Reply

Marsh Posté le 04-06-2007 à 14:32:57    

tu fais un truc du genre

 
Code :
  1. <?
  2. //ici on est en PHP
  3. function parcoursRepertoire()[...}
  5. $t_images_php= parcoursRepertoire();
  6. ?>
  7. <script>
  8. //ici on est en js
  9. function afficheDiaporama()
  10. {
  11. var chaine ='<?=implode('|',$t_images_php)?>'; //chaine est de la forme image1|image2.....|imageN
  12. var t_image_js = chaine .split('|',-1); // et zou , ce tableau contient toutes les images de ton repertoire
  14. }
 


Message édité par flo850 le 04-06-2007 à 14:33:06
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed