Roll over multiple

Bonjour, je voudrais avoir un effet de rollover sur une dizaine d'image, j'y arrive avec une, mais après c'est un peu galère :?

J'ai trouver un code mais bon j'aimerais avoir un peu plus d'explication dessus.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript1.1">
<!--
/* on déclare les variables */
Off=1; /* action de la souris */
On=2;
nb_boutons=13; /* nombre de boutons */
/* on déclare les tableaux */
off=new Array(nb_boutons); /* boutons au repos */
on=new Array(nb_boutons); /* boutons activés */
 
/* pré-chargement des images */
for (i=0; i<nb_boutons; i++) { /* on incrémente i de 0 à 12 */
      imgoff="images/menu/off"+i+".gif"; /* on affecte le chemin de l'image à une chaîne de caractères */
      img1[i]=new Image(82,18); /* on déclare l'image */
      img1[i].src=imgoff;/* on affecte la chaîne de caractères */
      /* même procédure pour les boutons activés */
      imgon="images/menu/on"+i+".gif";
       img2[i]=new Image(82,18);
      img2[i].src=imgon;
}
 
/* on déclare la fonction */
function Rollover(No,Action) { /* N° du bouton, Action de la souris */
      document["bout"+No].src=eval("img"+Action+"["+No+"].src");
}
//-->
</SCRIPT>

et dans le <body> :

Code:

1
2
<A HREF="page.html" onMouseOver="Rollover(0,On)" onMouseOut="Rollover(0,Off)">
<IMG SRC="images/menu/off0.gif" BORDER=0 WIDTH=82 HEIGHT=18 NAME="bout0"></A>

Ok pour la déclaration des variables et le numéro dans l'array, mais je ne comprends pas, je dois ajouter le numéro a mon url ? et ou la placer ?

Si quelqu'un peut me guider je l'en remercie d'avance.