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>