JAVASCRIPT - Afficher une photo aléatoirement

Table des matières
  1. Introduction
  2. Le code

Introduction



Sur un site web, la page d'accueil fait toujours "vitrine du site".
Pour rendre attractif le site, on peut créer une animation avec JQuery, mais c'est long à afficher sur des petites connexions.

J'illustre ici un "bout de code" pour afficher une photo aléatoirement.


Le code



Voici le morceau de code à insérer dans la page html :

Code HTML :
<div id="photo"></div>
 
<script>
function photo()
{
var x=document.getElementById("photo")
x.innerHTML="<img src=\"/images/BIENVENUE-"+Math.floor((Math.random()*2)+1)+".jpg\" width=\"560\" height=\"200\" />"
}
bienvenue();
</script>


Ici, j'affiche soit l'image BIENVENUE-1.jpg ou BIENVENUE-2.jpg située dans le dossier /images.
Si on a plus d'images, adapter le coefficient multiplicateur situé après Math.random() (ici 2)
Cette page a été vue 1922 fois