Biblioscript.com : Affichez une image alléatoirement parmi une liste

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Divers

Affichage d'images au hasard

	Fonction

		Le but de ce script est de pouvoir afficher une image alléatoirement à chaque chargement de page, parmi une liste, pratique pour l'image du jour ou des photos de vacances...

	Principe

		Le JavaScript intègre une fonction de sélection d'un nombre alléatoire compris entre 0 et 1 (toutes les décimales comprises). A partir de là, on multiplie ce nombre par le nombre d'images, moins une, on l'arrondit pour retomber sur un nombre 'entier' et on ajoute '1' (car on commence les images à 1, non nécessaire si on commence les images à 0). On crée ensuite les images en question, dans un 'tableau' de données et on affecte l'image sélectionnée par le nombre alléatoire à l'emplacement prévu.

	Le script

dans la partie <head>

// le nombre suivant correspond au nombre d'images total

var nombre_images = 10;

// on demande un nombre alleatoire a l'ordinateur

var nombre_alleatoire = Math.random();

var numero = Math.round( ( nombre_images - 1 ) * nombre_alleatoire ) + 1;

images = new Array;

// suivent maintenant les textes disponibles

images[1] = "1.gif";

images[2] = "2.gif";

images[3] = "3.gif";

images[4] = "4.gif";

images[5] = "5.gif";

images[6] = "6.gif";

images[7] = "7.gif";

images[8] = "8.gif";

images[9] = "9.gif";

images[10] = "10.gif";

var image = images[numero];

// on affecte l'image retenue a l'emplacement prevu

document.image_changeante.src = "images/" + image;

}
</script>

dans la partie <body>

<a href="#" OnClick="alleatoire();">Changer l'image</a>
<img name="image_changeante" src="images/0.gif">

	Démonstration

Changer l'image

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

div_alea_img.zip
12 Ko

Script séparé :

div_alea_img2.zip
12 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques