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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.