CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 03 23:16:59

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 867 membres
783 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 081 codes, 1 208 964 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DIAPO SIMPLE ET TOUT PRET

Information sur la source

Catégorie :Formulaire Niveau : Initié Date de création : 23/08/2004 Date de mise à jour : 24/08/2004 17:01:33 Vu / téléchargé: 11 423 / 1 065

Auteur : GillesWebmaster

Ecrire un message privé

Note :

4,00 / 10

Commentaire sur cette source (16)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Voila un codes qui permet d'afficher un diaporama tout simple:
Une image un bouton suivant, un bouton retour et c'est parti....
Non c'est pas aussi simple mais bon...

Source

//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>

//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="&lt;&lt;" onClick="diaporama(-1);"></td>
      <td> 
        <input name="suivant" type="button" class="input" onClick="diaporama(1);" value="&gt;&gt;"></td>
    </tr>
  </table>
</form>

Conclusion

un Prob... www@gilles4.com

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

index.html 1 527 octets

Télécharger le zip

Historique

24 août 2004 17:01:38 :: Un Prob... GIlles@gilles4.com

Sources de la même categorie

OBLIGER UN UTILISATEUR DE COCHER UNE CHECKBOX POUR VALIDER U... par yoyo17560

UPLOAD PLUSIEURS FICHIERS FANCYUPLOAD V2 par mnouzahir

ESTIMATION DU DEGRÉ DE CONFIANCE À ACCORDER À UN MOT DE PASS... par vilfarfadet

SLIDER (CURSEUR VARIABLE) ÉLÉMENT JAVASCRIPT par kgilbert

TEST, QUIZZ, QCM, QUESTIONNAIRE SUR RÉPONSE OUI OU NON AVEC ... par BDFC

Toutes les sources de la catégorie Formulaire

Commentaires et avis

Commentaire de leris le 23/08/2004 20:21:42

les commentaires ne sont pas "isolés" et provoquent une erreur .

// isoler une ligne

/*
isoler
un
paragraphe
*/

L.

Commentaire de coucou747 le 24/08/2004 13:35:20

t'as mis tes commentaires comme on le fait en Qbasic...

Commentaire de GillesWebmaster le 24/08/2004 16:58:30

OUi peut etre car je suis habitué à l'ASP!!!
DéSOLééé
G_____

Commentaire de fg85 le 02/09/2004 11:16:09

Bof , je préfère mon script (hihih) : http://www.javascriptfr.com/code.aspx?id=24706

Commentaire de shadow125 le 04/07/2005 19:37:28

génial cette source ! Propre et efficace.

Commentaire de GillesWebmaster le 04/07/2005 19:54:14

Oui merci

Commentaire de pihay le 09/02/2006 18:47:38

etant totalement néophyte j'ai un petit soucis
comment charge t-on les photos sur le diaporama avec le script ci dessus?

Commentaire de GillesWebmaster le 08/03/2006 22:31:56

Tu changes la ligne 21:
si tes photos s'appèlent: Pascal1.jpg, Pascal2.jpg... -->
document.emplacementdiapo.src="Pascal" + nodiapo + ".jpg";

Commentaire de qisbug le 22/04/2006 16:02:39

Bonjour

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

Commentaire de aannick le 14/05/2006 20:56:35

moi non plus j'y arrive pas , pas très explicite pour débutant
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.!!!!!
}

Commentaire de mitchoumy le 23/05/2006 08:54:26

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 !

Commentaire de fg85 le 23/05/2006 14:45:24

FGJSDIAPO ... FGXMLDIAPO ... ok je sort :D

-------------
http://fg.logiciel.free.fr
http://longhornrc.free.fr

Commentaire de El Griiingo le 10/05/2007 09:04:27

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.

Commentaire de pppooddd le 22/11/2007 11:29:18

ben chez moi ca marche pas ce diaporama.
quand je clique sur le bouton ca ne passe pas à l' image suivante. ?????
help me

Commentaire de pppooddd le 22/11/2007 12:51:13

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)