Discussion :

[java_developper]

Bonjour à tous,

Pouvez vous s'il vous plait me dire comment est ce que je peux faire en javascript
pour afficher un rectangle autour d'une image lorsque l'utilisateur passe la souris dessus ( onmouseover) .
L'effet que je veux faire ressemble à celui que vous pouvez voir sur cette page.
http://www.ask.com/pictures?q=flower...rc=0&o=0&l=dir

Merci d'avance.

[LexWizard]

Bonjour à tous,

Pouvez vous s'il vous plait me dire comment est ce que je peux faire en javascript
pour afficher un rectangle autour d'une image lorsque l'utilisateur passe la souris dessus ( onmouseover) .
L'effet que je veux faire ressemble à celui que vous pouvez voir sur cette page.
http://www.ask.com/pictures?q=flower...rc=0&o=0&l=dir

Merci d'avance.

Salut,
il y a plusieurs solutions, tu peux par exemple mettre ton image et ton texte dans un div, et quand tu es à l'interieur du div, tu mets sa propriété border à la valeur que tu veux.
Ex:

Code html :

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

1
2
3
4
5
<div onmouseout="this.style.border='none';" onmouseover="this.style.border='1px Solid Red';">
<img src="image.jpg" onmouseover="this.parentNode.style.border='1px solid Red'">
texte
texte
</div>

Si c'est juste sur l'image tu mets le onmouseover et le onmouseout dans la balise img.

[java_developper]

Merci pour votre réponse .