Scripts et Programmation

JAVASCRIPT - Afficher une photo aléatoirement

Table des matières

Introduction
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)