Discussion :

[Casio]

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 ...

[SpaceFrog]

le choix de la diapo qui s'affiche se fait à ce niveau là :

Code :

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

1
2
 
slides[slideIndex-1].style.display = "block";

sur l'array slides
Il suffirait de faire un shuffle juste avant...

[Casio]

(...)

sur l'array slides
Il suffirait de faire un shuffle juste avant...

Je ne connais pas Js, quelle est la formule ? shuffle(array) ?
Je ne trouve pas sur le net de tuto.

Il semble qu'il faille définir une fonction Shuffle.

[NoSmoking]

Bonjour,
shuffle = « mélanger » dans la langue de la grenouille de l'espace

[Casio]

On est d'accord.

Mais je ne connais pas la nomenclature.

[NoSmoking]

Mais je ne connais pas la nomenclature.

si tu parles de la liste des images tu peux toujours la faire après chargement.

Il faudrait quand même savoir ce que tu souhaites à savoir faire un slide aléatoire ou mettre les images de façon aléatoire au départ et faire avec ?