Le survol à distance.
Le survol à distance permet de faire changer l'affichage d'une image sans survoler l'image par elle même mais un autre objet tel que du texte ou une autre image.
-
Vous avez certainement remarqué que lors d'un survol "classique" il y avait le mot THIS avant le paramètre SRC :
-
<IMG onmouseover="this.src='http://.../image3.jpg'" onmouseout="this.src='http://.../image1.jpg'" src="http://.../image1.jpg">
-
THIS signifie que le paramètre s'applique à l'objet IMG dans lequel on est.
-
Il est possible de définir un identifiant à un objet IMG afin de pouvoir en changer les propriétés à distance. Cet identifiant se définit avec la commande ID.
<IMG id=MonImage src="http://.../image1.jpg" >
-
Ce dessus, on définit un identifiant qui est MonImage se rapportant à l'image1.
Ensuite, dans le texte, on utilise cet identifiant pour les commandes ONMOUSEOVER et ONMOUSEOUT en lieu et place du mot THIS
-
<P onmouseover="MonImage.src='http://.../image2.jpg'" onmouseout="MonImage.src='http://.../image1.jpg'" align=center>Survoler ce
texte pour afficher Image2.</P>
-
-
Survoler ce texte pour afficher Image2.
-
La même chose mais avec une image :
<IMG onmouseover="MonImage.src='http://.../image2.jpg'"
onmouseout="MonImage.src='http://.../image1.jpg'"
src="http://.../image2.jpg">
<IMG id=MonImage src="http://.../image1.jpg">
-
-
-
C'est cette méthode que j'ai utilisé pour l'article qui est ici.
-
-
Voilà, c'est tout ce que je sais sur le survol d'images, à vous maintenant d'utiliser
ces méthodes en les combinant les unes aux autres.-
____________________
-
-
-
Pour accéder aux rubriques de nos articles, cliquez ici, pour le livre d'or c'est là.
