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"> <!-- var n = parseInt(Math.random()*10); //avec Netscape, Math.random renvoie parfois NaN (Not a number) //le but de la boucle est de recommencer afin d'obtenir un nombre si n est égal à NaN while (isNaN(n)) { n = parseInt( Math.random() * 10) } document.write("<img src='images/b" + n + ".gif' width=15 height=15 alt='Image aléatoire'>"); //--> </script> </body> </html> |
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'>");