Comment afficher une image différente à chaque chargement de la page Web ?
Avec Javascript, c'est vraiment très simple. Commençons par un script déjà fonctionnel pour ensuite expliquer comment cela fonctionne.
img = new Array() img[0] = 'foto1.jpg" width="" height="" border=""'; img[1] = 'foto2.jpg" width="" height="" border= ""'; img[2] = 'foto3.jpg" width="" height="" border=""'; ran = Math.floor(3 * Math.random()); document.write("");
Essayons de comprendre ensemble comment fonctionne le script. Tout d'abord, nous définissons la variable img comme un vecteur.
img = nouveau tableau()
Ensuite, nous attribuons le nom d'une image différente aux trois premiers éléments (foto1.jpg, foto2.jpg,…). Le contenu des trois éléments est trois valeurs de chaîne différentes dans lesquelles les principaux paramètres de la balise sont insérés à travers lequel une image est affichée en Html.
img[0] = 'foto1.jpg” largeur=”” hauteur=”” bordure=””';
Une fois le vecteur défini et les valeurs de chaîne attribuées, le script exécute la fonction Math.random pour générer un nombre aléatoire de 0 à 0.999. En multipliant cette valeur aléatoire par le nombre constant 3, nous obtenons un nombre aléatoire de 0 à 2. Le résultat de cette expression mathématique est finalement arrondi à l'aide de la fonction Math.floor. De cette façon, nous obtenons un nombre entier aléatoire (sans virgule). La variable exécutée prendra donc le nombre 0, le nombre 1 ou le nombre 2 comme valeur à chaque rechargement de la page Web.
couru = Math.floor(3 * Math.random());
Pour conclure le script, voyons comment utiliser cette valeur aléatoire pour afficher une image plutôt qu'une autre. La balise est affichée dans la dernière instruction avec l'élément de la variable img [] par rapport au nombre aléatoire (0, 1 ou 2) pris par la variable ran.
document.écrire(“");
Pour donner un exemple pratique, si le nombre aléatoire de la variable exécutée était égal à 1, le script prendra en considération les paramètres contenus dans la variable chaîne img [1], en publiant l'image foto2.jpg à l'écran.
