Afficher une image aléatoire

L'image aléatoire :

Le script ci-dessous est prévu pour 10 images dont les noms vont de "b0" à "b9".

<html>
<head>
<title>Images aléatoires</title>
</head>
<body>
<script LANGUAGE="JavaScript">

</script>
</body>
</html>

parseInt renvoie un nombre entier à partir du nombre renvoyé par Math.random()
Math.random()*10 permet de choisir un nombre aléatoire entre 0 et 10.

Si vous voulez utiliser des noms différents pour chacunes de vos images, vous pouvez mettre les noms des images dans un tableau et accéder à une case du tableau avec le nombre aléatoire.


<html> <head> <title>Images aléatoires</title> </head> <script LANGUAGE="JavaScript"> <!-- document.write("<body>"); var tab = new Array("aaa.gif","bbb.gif","ccc.gif"); //remplacez aaa, bbb et ccc par vos images var n = parseInt( Math.random() * tab.length) while (isNaN(n)) { n = parseInt( Math.random() * tab.length) } document.write("<img src='images/" + tab[n] + "' alt='Image aléatoire'>"); //--> </script> </body> </html>

Il est aussi possible de changer aléatoirement l'image de fond de la page.
Il suffit alors de remplacer dans le script document.write("<body>"); par document.write("<body background='nom_image.gif'>");

Retour aux Javascripts