Diaporama d'images automatique d'un répertoire entier (sans PHP)

**SaWEr93** · 05/02/2013, 13h59

Bonjour,

alors voila je voulais vous demander s'il était possible de créer un script ( pas de PHP :/ ) permettant le diaporama de toutes les images (type de fichier précisé dans le script) d'un répertoire. Par exemple le script serait sur une page "image.html" et lancerait un diaporama de toutes les images qui serait dans le répertoire "images". Ça me serait très utile puisqu'aujourd'hui je suis obligé de les déclarées une par une comme vous allez le constater :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<script language="JavaScript">
var timeDelay = 10;
 
var Pix = new Array
("images/image1.jpg"
,"images/image2.jpg"
,"images/image3.jpg" 
,"images/image4.jpg"
,"images/image5.jpg"
);
 
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix(){
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
} 
</script>
</head>
<body OnLoad="startPix()">
<img name="ChangingPix" src="images/image1.jpg" width="100%" height="100%">
</body>
</html>

PS: j'ai récupéré ce script sur un site.

Merci pour votre aide !

**SpaceFrog** · 05/02/2013, 14h11

javascript n'a pas accès au listing d'une repertoire, il te faudra lister de façon exhaustive les fichiers dans un array et modifier l'array à chaque modification de nom de fichier.

Un langage serveur permettrait de lister le contenu du repertoire

**Bovino** · 05/02/2013, 14h11

Euh... non, ce n'est pas possible heureusement...

J'espère que tu pourras comprendre facilement que si JavaScript, qui s'exécute côté client, était capable de crawler un serveur, ce serait la faille de San Andréas au niveau sécurité !

**SaWEr93** · 05/02/2013, 16h19

D'accord merci à tous quand même et effectivement j'aurais du penser plus tôt à tout ça

**sekaijin** · 09/02/2013, 13h29

Si c'est possible

il faut utiliser XMLHttpRequest
envoyer une requête au serveur avec une url qui point sur le réperoire à explorer

il faut que le serveur Aapche (ou autre) retourne un index du répertoire.
dans la conf apache c'est +indexes qui permet cela

le serveur renvoie alors une page html

on peut alor utliser la réponse xhr.responseXML
dans ce DOM il y a une table qui contient l'URL de chaque élément présent dans le répertoire

il suffit alors d'utiliser cette URL

A+JYT

Diaporama d'images automatique d'un répertoire entier (sans PHP)

JavaScript

Discussions similaires

Partager

Partager