Optimisation et random de gif

Bonjour à tous, voici mon problème.
Je suis artiste (ce n'est pas le problème:lol:) 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.
Pièce jointe 450513
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:oops:).
Et ma fonction aléatoire est pas terrible, le même gif revient trop souvent :?

Code:

---

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 !

:salut:

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

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

Code:

---

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);

---

bonjour,

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

Voici mon interprétation :

Code:

---

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)

---

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