Discussion :

[juliobrome]

Bonjour à tous, voici mon problème.
Je suis artiste (ce n'est pas le problème) et j'ai construit une sculpture qui affiche sur un écran de raspberry des gif animés de fonds d'écrans de jeux de combats.
Seulement j'ai fait en sorte que le gif affiché soit choisit de façon aléatoire.

Aujourd'hui tout fonctionne mais j'avoue que mon code javascript est sale... seulement je ne parviens pas à aller plus loin, juste des intuitions...
voici mon code vous allez comprendre, en gros mes gifs sont dans un dossier et je dois écrire les noms de mes fichiers en dur dans mon code (pas bon je sais).
Et ma fonction aléatoire est pas terrible, le même gif revient trop souvent

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
<script type="text/javascript">
<!--
 var imlocation = "images/";
 var currentdate = 0;
 var image_number = 0;
 
  function setImages(){
	var elements = document.getElementsByClassName('centrage');
	for (var e in elements){
		if(elements[e].firstElementChild !== undefined){
			var top= 100-elements[e].firstElementChild.height/2;
			elements[e].firstElementChild.style['margin-top'] = top+"px";
		}
	}
}
 function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
 }
 image = new ImageArray(19)
 image[0] = '3yEmUFm.gif'
 image[1] = '6uecfLq.gif'
 image[2] = '297G0Yv.gif'
 image[3] = '4003cn5.gif'
 image[4] = 'doJRA0o.gif'
 image[5] = 'ew96NXw.gif'
 image[6] = 'GLGo5yp.gif'
 image[7] = 'HfCURPU.gif'
 image[8] = 'MHWLac7.gif'
 image[9] = 'NW0mK39.gif'
 image[10] = 'NYFd64r.gif'
 image[11] = 'NzKeyiF.gif'
 image[12] = 'uM4SUXw.gif'
 image[13] = 'VlRvQl8700x224.gif'
 image[14] = 'vvTgHde800x336.gif'
 image[15] = 'wA908AV750x224.gif'
 image[16] = 'WUTwNk9752x224.gif'
 image[17] = 'ZvU6f2D640x416.gif'
 image[18] = 'zwKZz3E640x368.gif'
 var rand = 60/image.length
 function randomimage() {
 	currentdate = new Date()
 	image_number = currentdate.getSeconds()
 	image_number = Math.floor(image_number/rand)
 	return(image[image_number])
 }
 document.write("<div class='centrage'><img src='" + imlocation + randomimage()+ "'></div>");
 //-->
</script>

Merci pour vos lumières !

[danielhagnoul]

Math.random() : https://developer.mozilla.org/fr/doc...ux/Math/random

Pour obtenir un nombre aléatoire entre 1 et 68 inclus :

Code JavaScript :

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

1
2
3
4
5
6
const kIntRandom = (min = 0, max = 10) => {
   // retourne X tel que : min <= X <= max
   return Math.floor(Math.random() * (max - min + 1) + min);
};
 
kIntRandom(1, 68);

[Invité]

bonjour,

comme il n'y a aucun commentaires dans ton code, certaines parties restent obscures...

Voici mon interprétation :

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
"use strict";
// 1- création des balises <div> et <img>
var le_div = document.createElement("div");
le_div.id = "centrage";
document.getElementsByTagName("body")[0].appendChild(le_div);
var la_img = document.createElement("img");
le_div.appendChild(la_img);
 
// 2- définition des variables (globales)
var img_rep = "images/";
var images = [
  "3yEmUFm.gif",
  "6uecfLq.gif",
  "297G0Yv.gif",
  "4003cn5.gif",
  "doJRA0o.gif",
  "ew96NXw.gif",
  "GLGo5yp.gif",
  "HfCURPU.gif",
  "MHWLac7.gif",
  "NW0mK39.gif",
  "NYFd64r.gif",
  "NzKeyiF.gif",
  "uM4SUXw.gif",
  "VlRvQl8700x224.gif",
  "vvTgHde800x336.gif",
  "wA908AV750x224.gif",
  "WUTwNk9752x224.gif",
  "ZvU6f2D640x416.gif",
  "zwKZz3E640x368.gif"
];
 
// 3- affiche une image aléatoire
function affiche_random_image() {
  var id = Math.floor(Math.random() * images.length);
  la_img.src = img_rep + images[id];
  la_img.alt = images[id];
}
 
// 4- On affiche une image aléatoire à l'ouverture de la page
window.onload = affiche_random_image;
 
// 5- on change d'image toutes les 3 secondes (A ADAPTER)
setInterval(function() {
  affiche_random_image();
}, 3000); // 3 secondes (A ADAPTER)

[juliobrome]

Merci pour vos messages, je teste cela et je reviens ici avec, si tout fonctionne je cloture...
ou alors j'insiste