Bonjour.
Je souhaite afficher une image aléatoirement sur une page web.
J'ai créé le tableau contenant les images.
Je fais calculer aléatoirement un entier de 1 à 6 (nombre d'images).
Ensuite, je demande d'afficher le résultat.
L'image n'apparaît pas, j'ai juste un petit carré.
Je ne vois pas où je me trompe.
D'avance merci.
NB : la dernière ligné était juste pour vérifier que les images étaient à la bonne place. Elles le sont : l'image s'affiche dans la page.
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
34
35
36
37
38
39
40
41
42
43
44 <head> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> </head> <script> const ListeImages = [ '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_3.gif" alt="1"></img>', '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_2.gif" alt="2"></img>', '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_5.gif" alt="3"></img>', '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_6.gif" alt="4"></img>', '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_4.gif" alt="5"></img>', '<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_1.gif" alt="6"></img>', ]; function afficherImage() { var a = Math.floor(Math.random() * 6); var image = ListeImages[a]; document.getElementById('Affichage').innerHTML = image; } setInterval(afficherImage, 1000); </script> <body onload="afficherImage()"> <div id="Affichage"></div> </body> <img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\dé_1.gif" ></img>
Partager