//début du code---------------------------------------> <script language="JavaScript"> nodiapo=1; nbdiapos=39; //à changer la valeur de "nbdiapos=" et y mettre le nombre de vos photos... function diaporama(diaposuivante) { nodiapo=nodiapo + diaposuivante; if(nodiapo > nbdiapos) { nodiapo = 1; } if(nodiapo == 0) { nodiapo = nbdiapos; } document.emplacementdiapo.src="diapo" + nodiapo + ".jpg"; //mettre ici les chiffres (ou lettres) qui précèdent et suivent le numero du diapo //(ci vos images s'appèlent: Pascal1.jpg, Pascal2.jpg... -->="Pascal" + nodiapo + ".jpg"; //Attention toutes vos images doivent avoir le même nom, a part les chiffres.!!!!! } </script> </head> <body> <form name="form1" method="post" action=""> <table width="350" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" align="center" valign="middle"><img src="diapo1.jpg" name="emplacementdiapo" width="283" height="191" id="emplacementdiapo"></td> </tr> <tr align="center" valign="middle"> <td> <input type="button" name="précédent" value="<<" onClick="diaporama(-1);"></td> <td> <input name="suivant" type="button" class="input" onClick="diaporama(1);" value=">>"></td> </tr> </table> </form>
Télécharger le zip
les commentaires ne sont pas "isolés" et provoquent une erreur .// isoler une ligne/*isolerun paragraphe*/L.
t'as mis tes commentaires comme on le fait en Qbasic...
OUi peut etre car je suis habitué à l'ASP!!!DéSOLéééG_____
Bof , je préfère mon script (hihih) : http://www.javascriptfr.com/code.aspx?id=24706
génial cette source ! Propre et efficace.
Oui merci
etant totalement néophyte j'ai un petit souciscomment charge t-on les photos sur le diaporama avec le script ci dessus?
Tu changes la ligne 21:si tes photos s'appèlent: Pascal1.jpg, Pascal2.jpg... -->document.emplacementdiapo.src="Pascal" + nodiapo + ".jpg";
BonjourJe suis en train d'essayer ce script.Mais j'ai la même question que ci-dessus : j'ai bien compris comment il fallait appeler les photoset comment il fallait changer la ligne 21.Mais où doivent-elles être ces photos ?à la racine du site distant ? ou ailleurs, dans un dossier spécial ? b.poiraud@wanadoo.frMerci d'avance.B.POiraud
moi non plus j'y arrive pas , pas très explicite pour débutantil aurait fallut mettre un truc qui marche ds le zip avec les photos document.emplacementdiapo.src="diapo" + nodiapo + ".jpg";'"Po"1."jpg";"Po"2."jpg;"Po"3."jpg;"Po"4."jpg;"Po"5".jpg;"Po"6."jpg"; mettre ici les chiffres (ou lettres) qui précèdent et suivent le numero du diapo'(ci vos images s'appèlent: ... -->="Pascal" + nodiapo + ".jpg";'Attention toutes vos images doivent avoir le même nom, a part les chiffres.!!!!!}
Bonjour a tous et tout d'abord merci pour ce petit script qui passe partout !Deux petites questions:- peut on isoler les photos dans un sous-dossier ?J'ai essayé en changeant la ligne 21 pour :document.emplacementdiapo.src="photos/diapo" + nodiapo + ".jpg"; mais ca ne fonctionne pas...- Peut-on changer les boutons pour des images ?J'ai essayé aussi en remplacent les lignes 39 et 41 avec : <input type="image" src="precedent.jpg"mais ca me reload la page sans changer la photo...Si vous avez une idée...Merci !
FGJSDIAPO ... FGXMLDIAPO ... ok je sort :D-------------http://fg.logiciel.free.frhttp://longhornrc.free.fr
Bonjour,tres sympa et tres simple ce script, marche sous Firefox et Ie7 !Le seul soucis et de remplacer les commentaires précédés de " ' " par "<!--" et cela fonctionne nickel.
ben chez moi ca marche pas ce diaporama.quand je clique sur le bouton ca ne passe pas à l' image suivante. ?????help me
ha ouais ben j' ai enfin trouvé le souci :il manque le code suivant ---->#return diaposuivante;#}à mettre enfin du script décrivant la function diaporama(diaposuivante) donc revu et corrigé ca donne ca :# function diaporama(diaposuivante)# {## nodiapo=nodiapo + diaposuivante;## if(nodiapo > nbdiapos)# {# nodiapo = 1;# }## if(nodiapo == 0)# {# nodiapo = nbdiapos;# }## document.emplacementdiapo.src="diapo" + nodiapo + ".jpg";# //mettre ici les chiffres (ou lettres) qui précèdent et suivent le numero du diapo# //(ci vos images s'appèlent: Pascal1.jpg, Pascal2.jpg... -->="Pascal" + nodiapo + ".jpg";# //Attention toutes vos images doivent avoir le même nom, a part les chiffres.!!!!!# }##return diaposuivante;#}### </script> juste un truc j'ai pas corrigé les erreurs de commentaires dslé8)
sinon est ce normal que le curseur ne se change pas en petite main lors du survol du bouton ??
ça ne fonctionne pas...les images de défilent pas lorsque l'on clique sur le bouton et cela malgré la correction "return..."
Moi ca marche!! disons ca marche presque car la 1ère image ne s'affiche pas, ensuite pour les suivantes y a pas de problème il faut juste les appeler "xx1.jpg" et pas "xx01.jpg" (dès qu'on met 0 ca plante..)je redonne le code sans les commentaires, j'ai modifié pour qu'on puisse mettre les photos dans un répertoire c'est + propre :)donc:mettez vos image dans un répertoire nommé "img"donnez des noms sans zéro devant les chiffres dans mon code je les ai appelées "a1.jpg" a2.jpg ... a12.jpgensuite voici le code html:<html><head><title>Diaporama</title><script language="JavaScript">nodiapo=1;nbdiapos=12;function diaporama(diaposuivante){nodiapo=nodiapo + diaposuivante;if(nodiapo > nbdiapos){nodiapo = 1;}if(nodiapo == 0){nodiapo = nbdiapos;}document.emplacementdiapo.src="img/a" + nodiapo + ".jpg";}</script></head><body><form name="form1" method="post" action=""><table width="350" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td colspan="2" align="center" valign="middle"><img src="diapo1.jpg" name="emplacementdiapo" width="283" height="191" id="emplacementdiapo"></td></tr><tr align="center" valign="middle"><td><input type="button" name="precedent" value="<<" onClick="diaporama(-1);"></td><td><input name="suivant" type="button" class="input" onClick="diaporama(1);" value=">>"></td></tr></table></form></body></html>au debut du code bien noter le nombre de vos photo nbdiapos=12;et le nom qu'elles portent document.emplacementdiapo.src="img/a" + nodiapo + ".jpg"; (si au lieu de a1.jpg c'est photo1.jpg mettre src="img/photo" + nodiapo + ".jpg";et voilou.. par contre si qqun arrive a trouver pourquoi la 1ère photo ne s'affiche pas, là moi j'ai séché...A++ les loulous
ahah j'ai trouvé pourquoi ca marchait pas!! hihij'ai pas mis le même nom de fichiers dans le code html à la ligne 35..donc revoici le code html, avec des flèches à la place des boutons (c'est + joli) et un répertoire "img" pour mettre les photos dedans (c'est + propre)(donc les fichiers s'appellent "a1.jpg" a2.jpg ... a12.jpg faut pas mettre de 0 devant les chiffres genre a01.jpg..)ah oui donc dans le répertoire img, avec les photos, il faut mettre 2 image de flèches et les appeler "next_arrow.gif" et "back_arrow.gif" <html><head><title>Diaporama</title><script language="JavaScript">nodiapo=1;nbdiapos=12;function diaporama(diaposuivante){nodiapo=nodiapo + diaposuivante;if(nodiapo > nbdiapos){nodiapo = 1;}if(nodiapo == 0){nodiapo = nbdiapos;}document.emplacementdiapo.src="img/a" + nodiapo + ".jpg";}</script></head><body><form name="form1" method="post" action=""><table width="350" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td colspan="2" align="center" valign="middle"><img src="img/a1.jpg" name="emplacementdiapo" width="283" height="191" id="emplacementdiapo"></td></tr><tr align="center" valign="middle"><td><img src="img/back_arrow.gif" alt="" onClick="diaporama(-1);" height="18"></td><td><img src="img/next_arrow.gif" alt="" onClick="diaporama(1);" height="18"></td></tr></table></form></body></html>Voilou les loulous!j'trouve ce code génial car tellement simple :)A++
Salut,Merci pour cette excellente source, j'ai juste une question, comment serait-il possible de faire en sorte que le diaporama ne boucle pas. Qu'il n'aille pas plus loin que la dernière et ne puisse pas aller avant la première ?.merci beaucoup.
J'ai eu la réponse précise et rapide à ma question sur le forum, pour ceux que ça intéresse:http://www.javascriptfr.com/forum/sujet-COMMENT-FAIRE-SORTE-QU-DIAPORAMA-NE-BOUCLE-PAS_1396055.aspx#2
Bonjour à tous!Je souhaite installer ce script dans mes pages et je n'ai aucun problème d'affichage. cependant je ne peux voir que ma première image, quand je clique rien ne suit.J'ai bien vu que pppooddd avait eu le même problème, j'ai bien essayé de suivre ton "nouveau code ", mais néophyte je n'ai vraiement pas trouvé de différence....Can someone could help me please?
Se souvenir du profil
Mot de passe oublié ? / Activation de compteCréer un compte
1 874 179 membres 193 nouveaux aujourd'hui 16 152 membres club