DIAPO SIMPLE ET TOUT PRET
cs_leris
Messages postés
419
Date d'inscription
dimanche 31 août 2003
Statut
Membre
Dernière intervention
19 avril 2010
-
23 août 2004 à 20:21
magefepmdk Messages postés 1 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 18 mars 2010 - 18 mars 2010 à 19:02
magefepmdk Messages postés 1 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 18 mars 2010 - 18 mars 2010 à 19:02
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/25617-diapo-simple-et-tout-pret
https://codes-sources.commentcamarche.net/source/25617-diapo-simple-et-tout-pret
18 mars 2010 à 19:02
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?
13 janv. 2010 à 21:58
http://www.javascriptfr.com/forum/sujet-COMMENT-FAIRE-SORTE-QU-DIAPORAMA-NE-BOUCLE-PAS_1396055.aspx#2
11 janv. 2010 à 00:02
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.
12 août 2009 à 17:33
j'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>
<form name="form1" method="post" action="">
,
----
,
</form>
</html>
Voilou les loulous!
j'trouve ce code génial car tellement simple :)
A++
12 août 2009 à 16:51
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.jpg
ensuite 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>
<form name="form1" method="post" action="">
,
----
,
>">
</form>
</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
27 déc. 2008 à 12:12
4 déc. 2007 à 16:33
22 nov. 2007 à 12:51
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)
22 nov. 2007 à 11:29
quand je clique sur le bouton ca ne passe pas à l' image suivante. ?????
help me
10 mai 2007 à 09:04
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.
23 mai 2006 à 14:45
-------------
http://fg.logiciel.free.fr
http://longhornrc.free.fr
23 mai 2006 à 08:54
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 !
14 mai 2006 à 20:56
il 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.!!!!!
}
22 avril 2006 à 16:02
Je 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 photos
et 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.fr
Merci d'avance.
B.POiraud
8 mars 2006 à 22:31
si tes photos s'appèlent: Pascal1.jpg, Pascal2.jpg... -->
document.emplacementdiapo.src="Pascal" + nodiapo + ".jpg";
9 févr. 2006 à 18:47
comment charge t-on les photos sur le diaporama avec le script ci dessus?
4 juil. 2005 à 19:54
4 juil. 2005 à 19:37
2 sept. 2004 à 11:16
24 août 2004 à 16:58
DéSOLééé
G_____
24 août 2004 à 13:35
23 août 2004 à 20:21
// isoler une ligne
/*
isoler
un
paragraphe
*/
L.