Bonjour,
Je voudrais faire un slider pour naviguer dans des images.
Je suis vraiment d�butante en html/techno web et je ne sais pas du tout comment m'y prendre.
J'ai trouv� un morceau de code qui marche tr�s bien :
Code html : 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 <!-- Slideshow container --> <div class="slideshow-container"> <!-- Full-width images with number and caption text --> <div class="mySlides fade"> <div class="numbertext"></div> <img src="img/1.png" style="width:100%"> <div class="text">Caption Text</div> </div> <div class="mySlides fade"> <div class="numbertext"></div> <img src="img/2.png" style="width:100%"> <div class="text">Caption Two</div> </div> <div class="mySlides fade"> <div class="numbertext"></div> <img src="img/3.png" style="width:100%"> <div class="text">Caption Three</div> </div> <!-- Next and previous buttons --> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <!-- The dots/circles --> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div>
Mais a priori je ne connais pas le nombre d'image que j'ai et je voudrais que �a puisse marcher tout seul sans changer le code m�me si j'ajoute une image.
Je voudrais donc boucler dans mon r�pertoire img sur tous les fichiers d'extension png.
Une id�e de comment faire ?
Une piste ?
D'avance merci
Chris
Partager