Salutations,

sur un slideshow HTML/JS qui semble bien fonctionner, je cherche à faire en sorte qu'il puise de façon ALEATOIRE dans le container, et non pas les uns après les autres comme actuellement.

Je suis une grosse quiche en JS.

Voici un bout de code actuel :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<div class="slideshow-container">
	<div class="mySlides fade">
		<img src="../pict/Slide/Slide_BOLEX_Paillard_18_5-1961.jpg" style="width:100%">
		<div class="text">Projecteur BOLEX Paillard 18-5 (8mm) de 1961</div>
	</div>
	<div class="mySlides fade">
		<a href="https://youtu.be/9vxkCvYYS_k" target="_blank" rel="noreferrer">
			<img src="../pict/Slide/Slide_CNJV_BNF-2017.jpg" title="Colloque BNF de 2017" style="width:100%">
		</a>
		<div class="text">Colloque BNF de 2017</div>
	</div>
</div>

Et :

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
<script>
	var slideIndex = 0;
	showSlides();
 
	function showSlides() {
		var i;
		var slides = document.getElementsByClassName("mySlides");
		var dots = document.getElementsByClassName("dot");
		for (i = 0; i < slides.length; i++) {
			slides[i].style.display = "none";
		}
		slideIndex++;
		if (slideIndex > slides.length) {slideIndex = 1}
		for (i = 0; i < dots.length; i++) {
			dots[i].className = dots[i].className.replace(" active", "");
		}
		slides[slideIndex-1].style.display = "block";
		dots[slideIndex-1].className += " active";
		setTimeout(showSlides, 2000); // Change image every 2 seconds
	}
</script>
Avez-vous une idée de comment m(y prendre ?

Merci de votre aide ...