Afficher image aléatoirement
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:
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> |