Afficher un texte après Mouseover
bonjour,
je cherche à obtenir le résultat suivant : quand on passe sur une image :
- l'image apparaît en + grand (ça, j'y suis arrivé)
- une légende est affichée sous l'image (là, je coince)
voici mon code :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>test</title>
</head>
<body>
<!--
AFFICHAGE D'UNE IMAGE_0 DANS LE CADRE--><img
id="cadre" style="width: 200px; height: 300px; position: absolute; left: 200px; top: 100px;" alt="cadre" src="image_0.jpg"><!--
AFFICHAGE DE L'IMAGE_1 EN PETIT FORMAT + GRAND FORMAT DANS LE CADRE SI MOUSEOVER--><img
style="width: 40px; height: 60px; position: absolute; left: 600px; top: 100px;"alt="" src="image_1.jpg"
onmouseover="document.getElementById('cadre').src='image_1.jpg';"
onmouseout="document.getElementById('cadre').src='image_0.jpg';">
</body>
</html>
donc, pour afficher le texte, je cherche une fonction qui ferait :
onmouseover="document.getElementById('cadre').src='image_1.jpg';afficher(positions X/Y ; 'légende de l'image 1');"
bon, là ça marche pas... -> quelles sont la fonction et la syntaxe à utiliser ?
pour aller plus loin, j'aimerais que la légende qui s'affiche soit le nom du fichier (dans l'exemple : "image_1) -> y-a t-il une astuce ?
merci pour votre aide
p.j. : la page web + les fichiers images
Répondre avec citation
Partager