L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
152117 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Poésie et cita...
     Azote.org - no...
     Gifs animés, f...
     Web creation ...
     Outils de créa...
     Easy-script.com
     K i s s design
     Livre-dor.net
     Je crée mon site
     Chez dophy
     Les autres
     Votre site ici ?


Diaporama

Script posté par :

krucial - (Site : L'éditeur JavaScript)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce script scanne, grace au PHP, le contenu d'un repertoire, puis execute un diaporama en javascript.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5 et +
Ce script utilise le DHTML
Ce script utilise le PHP


Chiffres :

Date de création : 2/03/2003
Dernière modif : -
Visites de la page : 284292
Envois par mail : 4540


Ce script necessite un hebergement PHP :

Ce script est un mélange de JavaScript et de PHP. Pour fonctionner correctement, il doit etre installé sur un serveur equipé du langage PHP. La majorité des hebergeurs, gratuits comme payants, proposent le PHP. Renseignez-vous afin de savoir si c'est votre cas :)
Voir une liste d'hebergeurs professionnels proposant PHP


Exemple :

Cliquez ici pour voir l'exemple !


Le code :

Entre <BODY> et </BODY> :


Installation :

Placez ce script dans votre page. Créez ensuite un repertoire "photos" dans le même dossier que votre page et placez-y toutes vos photos. ATTENTION : ce dossier "photos" ne doit contenir que des images ! L'avantage de ce script est la facilité de maintenance : une nouvelle photo à ajouter dans votre diaporama ? Il vous suffit de la placer dans le repertoire "photos" et elle sera automatiquement détectée par le script PHP.


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Question en rapport avec ce script dans la FAQ :

Le script ne fonctionne pas chez moi. Pourquoi ?


Les annotations des visiteurs :

De Clem456 - le 01-08-2005
Je ne m'y connais pas encore beaucoup en script et celui ci ne fonctionne pas chez moi...je travaille avec frontpage et mon hébergeur est lycos multimania serait-ce a cause de ca???
De krucial - le 04-08-2005
Oui il y a des chances !
De Noelle - le 06-08-2005
pour que le script fonctionne la page doit être en .php
De dbzblog - le 31-10-2006
Lycos est la cause du probleme je epux te le dire car j'y été inscrits avant.
Liste des Hebergeurs Gratuits n'acceptant pas le PHP : Lycos , Voila.
Hebergeurs acceptant le PHP : IFrance , Free (ainsi que toute les offres d'hebergement de site offert par tout le Fai ou preseque tous)
De Pti_MaNu - le 18-03-2007
Grâce à vous j'ai pu mettre un diaporama pour mon site qui me convient parfaitement sauf qu'il me manque un truc qui me tiens a coeur...
Je voudrais rajouter les liens vers toutes mes images en dessous du diaporama genre : 1-2-3-4-5
Je ne suis pas expert en javascript c'est pour cela que je demande votre aide :p

Je vous donne la page de mon diaporama
http://www.kitgrafik.com pour vous donner une idée
j'espère que vous pourrez me répondre
merci d'avance.
De rf92 - le 07-04-2007
http://www.editeurjavascript.com/scripts/scripts_images_2_3.php
De projo - le 22-07-2007
comment remplacer les mots suivant et precedent par une image ou un bouton, merci.
De cathy9999 - le 20-09-2007
La fonction ne marche pas chez moi mais surement parce que je n'ai pas mis le lien permettant de l'ouvrir, comment dois je faire?
Je voudrais mettre un lien dans ma page, et au clique de ce lien, ouvrir cet fonction !
en tout cas bon travail !!
De cathy9999 - le 20-09-2007
La fonction ne marche pas chez moi mais surement parce que je n'ai pas mis le lien permettant de l'ouvrir, comment dois je faire?
Je voudrais mettre un lien dans ma page, et au clique de ce lien, ouvrir cet fonction !
en tout cas bon travail !!
De bmcf - le 09-10-2007
Bonjour

un grand merci à tous les passionnés qui partagent si généreusement leurs connaissances !
Ce script répond bien à ce que je cherchais,
mais je voudrais y apporter 2 fonctionalités pour limiter le nombre d'images affichées :

1- chercher les images de dimension (a x b)
2- trier la selection par date de création pour n'afficher que les xx plus récentes images

(mon dossier d'images est automatiquement rempli par un script d'album)

Est-ce que quelqu'un pourrait m'aider ?? Cela dépasse mes compétences...


Christophe


Autre solution pour (1) si cela n'est pas possible : Chercher les photos qui contiennent un préfixe donné, mais l'affichage risque fort d'etre surprenant parfois.

De minidou - le 28-12-2007
Bonjour,
Ton script est vraiment très bien.
Pourrez-tu me dires comment ajouter pour chaque image une légende ?
Merci beaucoup.
De megataz - le 14-03-2008
Bonjour,
comment mettre plusieurs diaporama sur la même page?
J'ai essayer de changer les noms des variables et des fonctions mais j'ai des beugs.

Merci
De omarevy - le 26-03-2008
Bonjour,

je n'y connais pas grand chose mais c'est tout à fait cela que je cherche pour mon site
mes images sont hebergées et elles sont dans un dossier sur mon pc
où dois je mettre le lien de l image et que dois je mettre
merci d avance
De g_roseline - le 15-05-2008
Bonjour, c'est un super script !!! merci beaucoup ! néanmoins, j'aimerais remplacer les "precedent" et "suivant" par des ouons .jpg, comment dois-je faire ? Merci d'avance pour ta réponse et encore bravo pour la simplicité du scipt bien pratique quand on débute !

Rose
De csi_bern - le 26-05-2008
Salut tout le monde,

Tout d'abord un grand merci pour ce script car il me simplifie la vie car chaque fois mes diaporama font plus de 200 photos (photos en rafale de match de baseball), donc de pouvoir implémenter le diaporama de manière simple est génial.

Ma question rejoint un peu celle de bmcf, mais je serai plus précis, n'est-il pas possible de dire au programme de passer les images dans un ordre, soit alphabétique, soit de date, histoire que les rafales rendent quelque chose, car pour l'instant j'ai l'impression que les images s'affichent totalement aléatoirement.

Merci d'avance pour la réponse

csi_bern

P.S. : pour vous rendre compte, passez faire un tour sur mon site http://www.aguilasbaseballclub.ch/photos.php
De nonoflingeur - le 23-06-2008
Bonjour,Jais des photos un peu grande j'aimerais savoir comment réduire la taille de la boite du diaporama de la meilleur façon Merci!
De nonoflingeur - le 23-06-2008
Re bonjour le script:
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'photos/$file';
";
$a++;
}
}
closedir($handle);
?>

Ne marche pas je suis obliger de le remplacer par celui la ejs_photo = new Array;
ejs_photo[0] = 'photos/1.jpg';
ejs_photo[1] = 'photos/2.jpg';
ejs_photo[2] = 'photos/3.jpg';
ejs_photo[4] = 'photos/4.jpg';
De nonoflingeur - le 23-06-2008
Re bonjour le script:
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'photos/$file';
";
$a++;
}
}
closedir($handle);
?>

Ne marche pas je suis obliger de le remplacer par celui la ejs_photo = new Array;
ejs_photo[0] = 'photos/1.jpg';
ejs_photo[1] = 'photos/2.jpg';
ejs_photo[2] = 'photos/3.jpg';
ejs_photo[4] = 'photos/4.jpg';

Pourquoi? sa marche pas je suis sous wampserveur
De j5818 - le 28-06-2008
bonjour,
j'aimerai savoir comment faire pour que le diaporama démarre automatiquement sans aucun bouton et que les images s'affichent de façon aléatoire à partir d'un répertoire sur le serveur. Merci
sinon très bon script qui fonctionne impeccable
De webseb79 - le 30-07-2008
Bonjour,

Ce script est bien mais peux-tu être modifiable afin de voir défiler les photos automatiquement ? ou dois-je passer obligatoirement par du flash ?

Merci de vos réponses.

Séb
De djo7467 - le 30-10-2008
Bonjour, est il possible de changer la police et la taille des liens precedent et suivant ou de metre des boutons à la place. Merci d'avance djo7467
De jfp22 - le 21-11-2008
salut

existe t il ce diaporama pour du html
car je ne connais pas le PHP ...
De vistel - le 25-04-2009
il y a bien une chose qui m'a toujours déplu c'est la suivante:
un mec poste un code et il ne répond pas au commentaires postés et le pire c'est qu'aucune autre personne ayant un minimum de connaissances ne prenne la peine de renseigner les demandeurs
voila pourquoi, je m'égare que trés rarement sur ce site
et je dois pas etre le seul
si jamais la mentalité changait sur ce site, merci de le faire savoir
De vistel - le 25-04-2009
il y a bien une chose qui m'a toujours déplu c'est la suivante:
un mec poste un code et il ne répond pas au commentaires postés et le pire c'est qu'aucune autre personne ayant un minimum de connaissances ne prenne la peine de renseigner les demandeurs
voila pourquoi, je m'égare que trés rarement sur ce site
et je dois pas etre le seul
si jamais la mentalité changait sur ce site, merci de le faire savoir
De kevin971 - le 27-05-2010
J'ai trouvé un moyen d'afficher le diaporama avec les fichiers triés par ordre croissants
<BODY>
<DIV ID=ejs_photo_box></div>
<script type="text/javascript">
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'photos/$file';
";
$a++;
}
}
closedir($handle);
?>
function ejs_aff_photos(num)
{
if(document.getElementById)
{
ejs_photo.sort();
ejs_fin = "";
if(num!=0)
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num-1)+");return(false)'><IMG SRC='prec.jpg' BORDER=0></A> ";
if(num!=(ejs_photo.length-1))
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'><IMG SRC='suiv.jpg' BORDER=0></A>";
if(num!=(ejs_photo.length-1))
document.getElementById("ejs_photo_box").innerHTML = "<CENTER>"+ejs_fin+"<BR><A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'><IMG SRC='"+ejs_photo[num]+"' BORDER=0></A><BR></CENTER>";
else document.getElementById("ejs_photo_box").innerHTML = "<CENTER>"+ejs_fin+"<BR><IMG SRC='"+ejs_photo[num]+"' BORDER=0><BR></CENTER>";

}
}
window.onload = new Function("ejs_aff_photos(0)")

</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
</BODY>


Si il y a des problèmes j'essayerais d'améliorer le code (je suis débutant donc faut éviter les questions pièges) :)
De cemoibob - le 28-06-2010
bonjour,
je recherche de l'aide pour realiser un diaporama fort sympatique avec dreamweaver8 comme celui du site de http://www.monsieur-meuble.com/#

merci
De White-Jocker - le 30-01-2011
Bonjour,

Ce code pourrait me convenir parfaitement car je n'ai rien trouvé de comparable, simple, sans ajout superficiel mais je rencontre un problème...

Le dossier image ne se situe pas dans le même répertoire que le fichier comportant le code :S
mdc/galerie/theme/template/monfichier.html
mdc/galerie/images/mini/

Je pense que modifier
$handle = opendir("mini");


j'ai essayer d'entrer l'url complète du chemin où se situe le dossier (http:// etc...) mais ne fonctionne pas. Et je n'arrive pas à indiquer un chemin correct qui affiche les images -_-', il y a une histoire avec des "\" mais je bloque...

SVP une aide serait vraiment la bienvenue merci.
De eric.drd - le 21-07-2011
Bonjour,

Voici la solution pour redimensionner les photos.

Faites un copier coller en changeant les XX et YY sur cette ligne:

document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' width=XX height=YY border=0><BR>"+ejs_fin+"</CENTER>";

ApprécieZ
De Toowel - le 01-12-2011
<body>
<DIV ID=ejs_photo_box></div>
<script type="text/javascript">
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false)
{
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'photos/$file';";
$a++;
}
}
closedir($handle);
?>
function ejs_aff_photos(num)
{
if(document.getElementById)
{
ejs_fin = "";
if(num!=0)
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num-1)+");return(false)'>< Précédent</A> ";
if(num!=(ejs_photo.length-1))
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'>Suivant ></A>";
document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' BORDER=0><BR>"+ejs_fin+"</CENTER>";
}
}
window.onload = new Function("ejs_aff_photos(0)")
</script><noscript><a href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript>
</body>
De JILL - le 18-12-2011
J'ai utilisé le script fourni dans la page DIAPORAMA
http://www.editeurjavascript.com/scripts/scripts_images_2_3.php

et celui-ci fonctionne très bien sur Safari(MAC), Firefox(MAC), Google Chrome(MAC), Apple Safari (Windows), Mozilla Firefox(Windows) et Google Chrome(Windows).

Toutefois, rien n'apparaît sur une page générée par Internet Explorer 8.0.6. (IE).

1- Est-ce qu'il y a un ajout au script qui s'adresserait à IE afin qu'il prenne en compte le script ?

2- Existe-t-il un ajout au script pour joindre une légende à chaque photo ?

Merci!
De JILL - le 19-12-2011
Bonjour à tous!

J'ai trouvé l'erreur pour IE. Il y avait un conflit entre le script de DIAPORAMA et une erreur de transcription entre le script et l'appel du script permettent de pré-charger les images.

Seul Internet Explorer tenait compte de cette différence.

Tout fonctionne donc maintenant pour tous les navigateurs.

Si vous avez une idée pour l'insertion de légendes et pour un visionnement automatisé, ce serait apprécié. J'y travail actuellement.

Merci!


De Gamelle - le 03-04-2012
Me plaît bien ce script. Simple, léger, efficace! Bravo.
De michelrius - le 13-04-2012
Bonjour
scripte très pratique, bravo, mais comment modifier la position de la box sur la page? hauteur largeur
merci
De Darios - le 16-02-2014
Bonjour, ce script est une merveille mais au lieu d'avoir les liens pour changer les images manuellement j'aurai juste aimer en automatique style diapo qui change toutes les 5 secondes.
Quelqu'un peut m'aider à réaliser ce changement?
De moijf - le 15-04-2014
il manque peut être un php après la balise <?
......

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
LDLC
Un des plus anciens magasin en ligne d'informatiquye en France. Ils sont un peu chers, mais vraiment tres serieux.
http://www.ldlc.com/
Cat : Hardware
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
246 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
68238 membres
2817 comptes CountUs
1909 comptes myCircle

     LES FORUMS :
14 forums
40625 topics
192028 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par mirage
Simplifiez-vous les forums : http://update.mozilla.org/extensions/moreinfo.php?id=128&vid=196&category=Miscellaneous ! Avec ce petit menu ajouté à vos options du clic droit, vous avez toutes les balises BBCode ! Très pratique pour le forum de l'EJS ;)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2014 EJS - Tous droits réservés | CNIL N° 844440 | 21/04/2014 09:03:53 | Design by | Gen. en 0.006 sec.