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

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

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 06 00:56:40

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 950 membres
5 nouveaux aujourd'hui
15 046 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 042 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 !

DIAPORAMA

Information sur la source

Catégorie :Graphique Classé sous : diaporama, diapo, image Niveau : Débutant Date de création : 20/12/2003 Vu : 34 021

Auteur : tit1012

Site perso

Ecrire un message privé

Note :

6,00 / 10

Commentaire sur cette source (14)

Ajouter un commentaire et/ou une note

Description

Bon vous devez remplacer les xxxxxxxxxxxxxx par le nom de votre photo
tout en haut vous devez remplacer "Repertoire ou sont vos photos/" par le repertoir
et tout en bas du code il fau remplacer le repertoire et les xxxx par vos photo

Source

<html>
<head>
</STYLE>
var bauto = 0;
var dossier="Repertoire ou sont vos photos/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("xxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg", "xxxxxxxxxxxxxxxxxxxxxxxx.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop ";
}
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>
</head>
<body text="#FFFFFF" bgcolor="#000000">
<div align="center">
<b><font size="4" color="#FF0000">Des conneries acrobatiques aux grimace de
boeuf, y'a de tout encore une fois</font></b></div>
<div align="center">
 </div>
<div align="center">
 </div>
<div align="center">
<input type="button" name="PrEcEdEnT" value="PrEcEdEnT" onClick="precedente();" style="color: #FF0000; font-weight: bold">
   
<input type="button" name="SuIvAnTe" value="SuIvAnTe" onClick="suivante();" style="color: #FF0000; font-weight: bold">
   
<input type="button" name="automat" value="DiApOrAmA"onClick="auto();">
</div>
</form>
<div align="center"> </div>
<div align="center"><img src="Repertoire ou sont vos photos/xxxxxxxxxxxxxxxxx.JPG" name="image" width="640" height="480"></div>
<p align="center"> </p>
</body>
</html>

<html>

<head>
</STYLE>
var bauto = 0;
var dossier="Repertoire  ou sont vos photos/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("xxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg", "xxxxxxxxxxxxxxxxxxxxxxxx.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length; 
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop "; 
} 
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>
</head>

<body text="#FFFFFF" bgcolor="#000000">
<div align="center"> 
<b><font size="4" color="#FF0000">Des conneries acrobatiques aux grimace de 
boeuf, y'a de tout encore une fois</font></b></div>
<div align="center"> 
&nbsp;</div>
<div align="center"> 
&nbsp;</div>
<div align="center"> 
<input type="button" name="PrEcEdEnT" value="PrEcEdEnT" onClick="precedente();" style="color: #FF0000; font-weight: bold">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="SuIvAnTe" value="SuIvAnTe" onClick="suivante();" style="color: #FF0000; font-weight: bold">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="automat" value="DiApOrAmA"onClick="auto();">
</div>
</form>
<div align="center">&nbsp;</div>

<div align="center"><img src="Repertoire ou sont vos photos/xxxxxxxxxxxxxxxxx.JPG" name="image" width="640" height="480"></div>
<p align="center">&nbsp;</p>
</body>

</html>

Conclusion

Si c'est pas clair laissez des message

Sources du même auteur

MENU SIMPLE

Toutes les sources de tit1012

Sources de la même categorie

GALLERY_PICTURE par midokok

POSITION, OFFSETLEFT, CLIENTLEFT CROSSBROWSER par Kimjoa

ALBUM PHOTO AVEC PARTIE ADMINISTRATION - PHP + AJAX + XML par tinokoxx

INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS... par abdelaziz_info

LIGHTBOX SANS ONCLICK ET AVEC REDIMENSIONNEMENT par zoby44

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DEFILEMENT D'IMAGE PAR TABLEAU par kazma

DIAPO EN FONDU ENCHAINE par kazma

SLIDESHOW par rubiks10

DIAPORAMA PHP / JS par MATHIS49

DIAPORAMA D'IMAGES AVEC LIENS par Deny

Commentaires et avis

Commentaire de tit1012 le 20/12/2003 11:49:40

Je tien encore a préciser que ce code n'est pas de moi
voila

Commentaire de VSSPBJ le 23/12/2003 12:58:51

Qu'il soit de toi où de quelqu'un d'autre il est surtout clair qu'il y a un problème dans l'affichage des images et dans l'automat...
Si solution il y a merci d'avance...

Commentaire de maybez le 31/12/2003 11:46:12

Salut,

Dans var_nom tu mets uniquement le nom des jpg ou avec le chemin complet ?

et la ligne "<div align="center"><img src="Repertoire ou sont vos photos/xxxxxxxxxxxxxxxxx.JPG" ................" , tu la copie autant de fois qu'il y a de photos ????

merci,
Maybe.

Commentaire de tit1012 le 31/12/2003 12:27:29

Dans var nom tu met sur les nom de ta photo pas le chemin complet
tu marque juste le chemin complet de la premiere photo qui va s'affciher en premier dans le diapo
voila
de rien

Commentaire de babelwoueb le 01/01/2004 16:32:49

salut tout le monde!
le code est sympa mais il reste une couille au nivo des diapos!
comprend pas cé koi !
merci de me repondre et bonne année pleins de bons scripts!

Commentaire de VSSPBJ le 01/01/2004 16:39:56

Entièrement d'accord avec babelwoued, il reste toujours un os à ronger...

Commentaire de babelwoueb le 01/01/2004 18:51:29

sayé jai plus d'erreur qui s'affiche!
en fait la couille cé au niveau de
"document.vision.automat.value=" Lect/Auto ";"et "document.vision.automat.value=" Lect/stop ";".
il faut supprimer cé lignes dans le code.
et dans le body on met <img src=nom_du _repertoire/nom_de_la premiere_photo.jpg>

Commentaire de VSSPBJ le 01/01/2004 19:59:56

On peut aussi remplacer par ce qui suit plutot que de supprimer...

function auto() {
  if (bauto == 0) {
     bauto =1; changer();
     document.getElementById('automat').value=" Arrêt ";
     }
   else {
     bauto =0; initial();
     document.getElementById('automat').value=" Diaporama ";
     }
}

Commentaire de desthin le 12/01/2004 05:06:26

Bonjour,
je ne me retrouve pas malgrés vos conseils...
j'ai essayé mais c'est uniquement la premiere photo qui apparait...
je suppose que le diaporama permet de passer d'une photo à une autre...
  le code ne me semble pas claire car il ya  ( </script> ) sans <script> et </style> sans <style>
  j'ai besoin de ce code pour afficher des photos en diapo dans mon site s'il vous plait...

voici ce que j'ai retenu de vos conseil:

<html>

<head>
<script>
<--!
var bauto = 0;
var dossier="http://mcm.ifrance.com/pipa/photos";
var numero = 1;
var numero = 2;
var numero = 3;

function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("el1.jpg", "13.jpg","14.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
  if (bauto == 0) {
     bauto =1; changer();
     document.getElementById('automat').value=" Arrêt ";
     }
   else {
     bauto =0; initial();
     document.getElementById('automat').value=" Diaporama ";
     }
}
-->
</script>
</head>

<body text="#FFFFFF" bgcolor="#000000">
<div align="center">
<b><font size="4" color="#FF0000">Des conneries acrobatiques aux grimace de
boeuf, y'a de tout encore une fois</font></b></div>
<div align="center">
</div>
<div align="center">
</div>
<div align="center">
<input type="button" name="PrEcEdEnT" value="PrEcEdEnT" onClick="precedente();" style="color: #FF0000; font-weight: bold">

<input type="button" name="SuIvAnTe" value="SuIvAnTe" onClick="suivante();" style="color: #FF0000; font-weight: bold">

<input type="button" name="automat" value="DiApOrAmA"onClick="auto();">
</div>
</form>
<div align="center"> </div>

<div align="center"><img src="http://mcm.ifrance.com/pipa/photos/el1.JPG" name="image" width="500" height="350"></div>

<p align="center"> </p>
</body>

</html>

Commentaire de babelwoueb le 12/01/2004 13:21:04

salut en fait ton probleme doit venir surement de l'adresse de ton dossier. En fait si ton dossier s'appelle pipa et que a l'interieur de ce dossier tu a un dossier photos ou tu a mis toute tes photos tu na pas besoin de mettre com url "http://mcm.ifrance.com/pipa/photos" mais simplement "photos/" et dans body tu fais pareil cad src="photos/el1.JPG" et la sa devrait marcher!

Commentaire de darkman2 le 08/05/2005 16:23:35

slt tt le monde
je dirai k'il y a 1 truc ki mank
essai de voir au niveau de var nom

Commentaire de matlegore le 13/07/2007 16:23:46

Salut,

en remplaçant "</STYLE>" par "<script>" à la ligne 4, tout se passe beaucoup mieux...

Commentaire de Asmodu91 le 11/05/2008 15:29:16

Je n'arrive pas a mettre + de 4 photos dans le diaporama ! Pourquoi ?

Commentaire de Asmodu91 le 11/05/2008 15:37:54 9/10

C'est bon j'ai trouver il fallait mettre :
var bauto = 1;

a la place de var bauto = 0; au debut du code

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

nombre d'image pour diaporama [ par bosto ] Bonjour,Je suis super débutant et surtout graphiste pas technicien. Ma question est peut etre tres simple mais je ne trouve pas de reponse sur le diaporama en html [ par CPoPo ] Bonjour, je cherche à créer un diaporama : quand on clic sur "image suivante", une nouvelle image se télécharge. Mias je ne trouve pas le code html à Problème avec les caractères spéciaux ! [ par Ruffneck2045 ] Bonjour, j'ai créer un diaporama à l'aide de php & javascript et j'ai un petit problème.En cliquant sur une image du diaporama Bloquer un setTimeout [ par ov3rdoze ] Salut à tousJ'essaye de faire une galerie photo avec un diaporama. Tout fonctionne mais j'ai un problème dans un cas particulier : Si on arrete le dia probléme diapo [ par anass12345 ] bonsoir, j'essaie de faire une diapo d'image javascript qui défile une image chaque 5sec, avec deux boutons suivant et précédent,pour permettre le cha diaporama javascript avec un lien pour chaque image [ par feldrik ] Bonjour, je bute sur un problème depuis des jours, et espère trouver sur ce forum une âme charitable pour me tirer de ce mauvais pas. Je veux faire un diaporama [ par ecriT ] Bonjour,je dispose d'un diaporama sur mon site, je copie la source du diapo pour en avoir un autre sur la meme page, mais les boutons pilotent tjrs l diaporama automatique avec liens sur chaque image [ par ju1385 ] Bonjour, j'ai ici un script simple de diaporama d'image que j'ai récupéré et qui marche bien. Cependant, je voudrais y modifier/ajouter 2 choses (je n Trouver les dimensions réelles d'une image [ par ov3rdoze ] BonjourJe suis en train de développer une galerie d'images. Quand on clique sur une image, celle-ci s'ouvre dans un cadre. Il y a un bouton "Image sui Pré-chargement d'image [ par BOBART1 ] Bonsoir, j'ai un petit soucis en ce qui concerne le pré chargement je ne sais pas comment précharger une image avec une adresse externe type http://ww