©ilj@flowsim.se
JavaScript en français
JavaScript images dynamiques/ onMouseOver & Out
Faites passer le curseur au-dessus de l'image noire!
>>>en suédois
>>>en anglais


 



 copyright ilj
code et explications plus bas


Un autre exemple:
 

 

Voici les images utilisées pour le bouton en haut:

 

 
Ce qui se passe est donc qu'au moment où le curseur se trouve au-dessus de l'image (JavaScript onMouseOver) la deuxième image (celle du bouton enfoncé) est montrée.
 
Au moment où le curseur n'est plus au-dessus de l'image (JavaScript onMouseOut) la première image est de nouveau montrée.
 


 
Insérez donc pour commencer une image dans le document en utilisant la code suivante: (n'oubliez pas de remplacer "javascript:void(0)" par un autre URL).



<A HREF = "
javascript:void(0)"
      onMouseOver = "
iljswitch(1)"
      onMouseOut = "
iljswitch(0)">
<IMG ID = "
switch1"
      SRC = "
nomdufichier"
      WIDTH = "
pixel"
      HEIGHT = "
pixel"
      BORDER = "
0"></A>
 
Remplacez pixel par la largeur (WIDTH) en pixel de l'image et par la hauteur (HEIGHT).
Remplacez
nomdufichier par le nom du fichier de l'image, par exemple monimage.gif.
Ne changez pas les mots en
bleu, ils seront utilisés par le JavaScript. Ils sont nécessaires pour savoir
 
où montrer l'image? -
switch1
que faire? - appeler la fonction
iljswitch()
quelle image? - numéro
0 ou numéro 1?
 

 

 
en fyrkant

 
Placez la code suivante dans la partie HEAD du document, ça veut dire quelque part entre les tags <HEAD> et </HEAD>.

<SCRIPT LANGUAGE="
JavaScript"
TYPE="
text/javascript">
<!--

if(document.images)
{
bild = new Array()
bild[0]= new Image()
bild[1]= new Image()
bild[0].src = "bouton pas enfoncé"
//1
bild[1].src = "bouton enfoncé"
//2
}

function iljswitch(nummer)
{
if(document.images && document.getElementById)
{
document.getElementById('switch1').src=bild[nummer].src
}
}
//
-->
</SCRIPT>

 
Notes explicatives.
1
remplacez bouton pas enfoncé par le nom du fichier (l'image) que vous voulez montrer quand la souris ne se trouve pas au-dessus de l'image (JavaScript onMouseOut).
Votre image s'appelle
monimage.gif? Remplacez donc les mots bouton pas enfoncé par monimage.gif
2 remplacez bouton enfoncé par le nom du fichier (l'image) que vous voulez montrer quand la souris se trouve au-dessus de l'image (JavaScript onMouseOver)
 
en linje
en linje

JAVASCRiPTS
 
JavaScript lastModified
JavaScript date
JavaScript alert
onchange 
en linje
Page by
 
ilj
 
ilj/.../flowsim.se
 
en fyrkant
 
Last modified: August 15, 1998
 
More about HTML, JavaScript and stylesheets? Click
http://www.flowsim.se
JAVASCRiPT