JavaScript en français
JavaScript images dynamiques/ onMouseOver & Out
Faites passer le curseur au-dessus de l'image noire!
>>>en suédois
>>>en anglais
 
|
code et explications plus bas
|
Un autre exemple: 
Voici les images utilisées pour le bouton en haut:
|
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?
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)
AUTRES JAVASCRiPTS
JavaScript lastModified JavaScript date JavaScript alert
ilj/.../flowsim.se
Last modified: August 15, 1998
More about HTML, JavaScript and stylesheets? Click
http://www.flowsim.se
JAVASCRiPT