Comment afficher une image au hasard sur son site Internet en javascript ?

 

par meltech1 |

     

Dès l'ouverture de votre site Internet vous voulez que l'internaute voie une image différente choisie au hasard parmi une liste d'images que vous avez enregistrées dans votre répertoire, alors ce programme est fait pour vous. En effet dès que l'internaute se connecte sur votre site Internet il y a une nouvelle image sui s'affiche au hasard. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Une liste d'images
  • Logiciel bloc notes

Étapes de réalisation

1.

Avec "bloc notes" vous ouvrez le fichier dans lequel l'internaute verra l'image choisie au hasard. C'est le programme dans lequel vous cherchez la balise <head>.

2.

Maintenant dans la balise <head> veuillez insérer le script suivant :
<SCRIPT LANGUAGE="JavaScript">
var nbimage= 30;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "commentfaiton.html";
url = "image1.jpg";
alte = "Image 1";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "commentfaiton.html";
url = "image2.jpg";
alte = "Image 2";
}
if (numimage > 20)
{
gotosite = "commentfaiton.html";
url = "image3.jpg";
alte = "Image 3";
}
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">');
}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
{
document.write('</A>')
}
}
</SCRIPT>.

3.

Ensuite dans la balise <body> veuillez insérer le script suivant :
<SCRIPT language="JavaScript">
banniere();
</SCRIPT>.

4.

Pour terminer enregistrez le tout avec "bloc notes" puis ouvrez avec IE. Il y une image qui s'affiche au hasard parmi les images de votre répertoire.

Astuces et mises en garde

Astuce(s) :

Pour modifier les images à afficher allez dans la balise <head> puis url=.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on