comprends pas le code JS pour faire défiler les images

**happyboon** · 02/03/2013, 12h30

j'ai trouvé un code javascript à cette adresse:

http://javascript.developpez.com/tel...s-manuellement

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html>
<head>
<title>Galerie</title>
<script type='text/javascript'>
var num=1; // num?ro du fichier courant
var min=1; // nombre minimum de fichiers
var max=11; // nombre maximum de fichiers
var extension = '.png';
 
/* fonction qui permet d'afficher les images */
function Affich() {
var file;
 
// on ajoute des '0' afin de cr?er le nom du fichier
if(num<10) file = '00'+num+extension;
if(num<100 && num>=10) file = '0'+num+extension;
 
// on affiche l'image correspondante
document.getElementById('affich').innerHTML="<img src='"+file+"' alt='"+file+"' />";
}
 
/* fonction qui permet de revenir ? l'image pr?c?dente */
function Prev() {
// si num>min car il ne faudrait pas descendre en dessous
if(num>min) {
num--; // on d?cr?mente num
Affich(); // et on fait appel ? la fonction Affich()
}
}
 
/* fonction qui permet d'aller ? l'image suivante */
function Next() {
// si num<min car il ne faudrait pas allerr au dessus
if(num<max) {
num++; // on d?cr?mente num
Affich(); // et on fait appel ? la fonction Affich()
}
}
</script>
</head>
<body onload="Affich()">
<div id="body">
<div id="affich">
<!-- //-->
</div>
 
<hr />
 
<div id="nav">
<p>
<a href="#" title="Pr?c?dant" onclick="Prev()"> <span><-</span> Pr?c?dant</a>
<span> | </span>
<a href="#" title="Suivant" onclick="Next()">Suivant <span>-></span></a>
</p>
</div>
</div>
</body>
</html>

J'ai installé easyPHP et dans le dossier WWW (qui doit contenir les dossiers web) j'ai créer un dossier tests dans lequel j'ai placé le fichier testdefil.html qui contient le code ci dessus et dans ce même dossier j'ai mis trois images aux extensions png. je lance le doc HTML à partir EasyPHP mais aucune image n'apparaît et en plus que quand je clique sur suivant l'incrémentation se fait de 1 à 2 ..... jusqu'à 11 ; poutant je n'ai que trois images

je ne comprend pas le code si quelqu'un peut m'aider ce serait gentil
et en plus dans quel dossier je dois placer mes images. je suppose dans le dossier qui contient mon code HTML j'ai essayé ci dessus me faut il un serveur local utilisant java ou quoi?

**SylvainPV** · 03/03/2013, 13h50

Pourtant, le code est bien commenté... Et c'est du Javascript, donc ça n'a rien à voir avec le code serveur: pas besoin de PHP ou Java, juste d'un navigateur.

Si tu as du mal avec le Javascript, tu devrais peut-être choisir un plug-in slideshow parmi les milliers existants sur le net plutôt que de partir sur un tuto simpliste et le retravailler toi-même.

**happyboon** · 03/03/2013, 17h21

Envoyé par SylvainPV

Si tu as du mal avec le Javascript, tu devrais peut-être choisir un plug-in slideshow parmi les milliers existants sur le net plutôt que de partir sur un tuto simpliste et le retravailler toi-même.

C'est quoi un plug-in slideshow? et où puis je en trouver?
quelque lien me serait utile....