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

Ce site au démarrage

begin process at 2012 02 09 16:54:26

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

DIAPORAMA

Information sur la source

Note :

6,00 / 10

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

Auteur : tit1012

Ecrire un message privé

Site perso

Commentaire sur cette source (15)

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

PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma

CALCULATRICE HEURE par m22001111

DRAG & DROP VERS UN CANVAS par kazma

ROTATION D'UNE IMAGE, ANIMATION par william voirol

FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DIAPORAMA SIMPLE PAR IFRAME par sartoz

CENTRAGE D'IMAGE AVEC PETIT EFFET par kazma

LIGHTBOX DIAPORAMA par kazma

CAROUSELLE 3D par kazma

DEFILEMENT D'IMAGE PAR TABLEAU par kazma

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

Commentaire de neo1984 le 31/08/2010 15:38:03

Bonjour,

le code marche super, par contre j'aimerai savoir comment faire pour que le diaporama demarre au lancement de la page

d'avance merci

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 ajouter fin sur diaporama [ par jpthali ] Salut à tous, j'ai une petite question concernant l'excellent source [url=http://www.javascriptfr.com/codes/DIAPO-SIMPLE-TOUT-PRET_25617.aspx]de ce d diaporama comparatif photos auto [ par maysounave ] bonjour, cherche a créer un diaporama automatique afin de faire, dans un tableau de ma page web, une comparaison de photos avant et après intervention help!Diaporama ou mur d image [ par ameliecuisine ] Bonjour, Voila je voudrais creer un diaporama d'image ou un mur d image avec pour chaque image une legende et un lien vers un site internet . Je voudr 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

Nos sponsors

Derniers Blogs

TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice

MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko

[FRAMEWORK 4] LES TASKS ET LE THREAD UI par fathi

WORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBE par JeremyJeanson

TECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PC par ROMELARD Fabrice

Forum

PB GETTER ET SETTER SUR IE<9 par aerolyte

CREATION DE SCORING OU RATING par Alex16000

API ANYWHERE DE TWITTER par coach872

RE : VéRIFICATION FORMULAIRE par maha1987

SCROLL D'IMAGES DANS UNE PAGE HTML : ORDRE ALéATOIRE DES IMAGES ? par cyber5784

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Fonctionnalites supplementaires sous Joomla
Budget : 800€
Animation interactive pour I phone
Budget : 2 000€
Site web pour projet Haiti
Budget : 10 000€

Logiciels

Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning
COLLECTOR PLUS (3.00B)
COLLECTOR PLUS (3.00B)

COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par : - L...

Cliquez pour télécharger COLLECTOR PLUS
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
LettresFaciles 2011 (8.0.0.1)
LETTRESFACILES 2011 (8.0.0.1)

LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types. Son inte...

Cliquez pour télécharger LettresFaciles 2011