Afficher image aléatoirement

**Aiacciu** · 27/08/2022, 12h13

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>

**mathieu** · 27/08/2022, 12h20

affichez le contenu de la variable image dans la console avec console.log(image);.

**Aiacciu** · 27/08/2022, 13h20

Re-bonjour.
Merci... mais cela ne fonctionnait pas non plus.
J'ai changé les chemins en les restreignant à dé_1.gif....etc.
Ca fonctionne.
Une histoire de "chemin"... bizarre car avec la dernière ligne qui contient tout le chemin, ça fonctionne...

Merci.
Bonne journée.

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
<script>
 
const ListeImages = [
'<img src="de1.gif" alt="1"></img>',
'<img src="de2.gif" alt="2"></img>',
'<img src="de3.gif" alt="3"></img>',
'<img src="de4.gif" alt="4"></img>',
'<img src="de5.gif" alt="5"></img>',
'<img src="de6.gif" alt="6"></img>',
 
];
 
 
 
function afficherImage() {
var a = Math.floor(Math.random() * 6);
var image = ListeImages[a];
 
 
document.getElementById('Affichage').innerHTML = image;
 
 
}
 
setInterval(afficherImage, 5000);
 
 
 
</script>
 
 
<body onload="afficherImage()">
	<div id="Affichage"></div>
		<img src="D:\BOULOT\BP Melec\2nde\Maths\Probas\Images\de1.gif"></img>
</body>

Afficher image aléatoirement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager