Roll over multiple

Dens*** · 04/06/2007, 20h53

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.

**SpaceFrog** · 05/06/2007, 08h46

ben ton image elle est là

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document["bout"+No].src=eval("img"+Action+"["+No+"].src");

curieux d'ailleurs de coller un eval ?

J'aurais plutot fait une array d'images ...

Roll over multiple

JavaScript

Discussions similaires

Partager

Partager