MENU VERTICAL DYNAMIQUE IMAGES
Bonjour,
Sur mon site j'ai une colonne gauche composés d'images.
J'aimerais qu'au passage de la souris, l'image survolée s'agrandisse, sans pour autant décaller les autres images (j'aimerais que l'image agrandie déborde légerement sur l'image du dessus et l'image du dessous - les autres images restant donc figées).
Je suis débutant... et donc incapable de réaliser une telle colonne.
Pourriez-vous m'aider?
Merci.
Sur mon site j'ai une colonne gauche composés d'images.
J'aimerais qu'au passage de la souris, l'image survolée s'agrandisse, sans pour autant décaller les autres images (j'aimerais que l'image agrandie déborde légerement sur l'image du dessus et l'image du dessous - les autres images restant donc figées).
Je suis débutant... et donc incapable de réaliser une telle colonne.
Pourriez-vous m'aider?
Merci.
Configuration: Windows Vista Internet Explorer 7.0
12 réponses
-
Personne?
-
Je viens de trouver ca sur commentcamarche.net:
<img src="image/image.jpg" onmouseover="this.height=200; this.width='500'">
A quoi correspond le "this." devant height?
Je comprends pas trop ce que je dois indiquer...
Quelqu'un peut-il m'aider?
Merci par avance. -
J'ai essayer en mettant:
<img src="../images/image1.png" alt="image1" width="120" height="23" onmouseover="width=140; height=46"/>
Le probleme est que l'image ne redevient pas normale lorsque la souris ne survole plus l'image...
Quelqu'un peut-il me dire comment je peux faire? Est-ce que quelqu'un pourrait egalement valider mon code car je debute et je ne suis sur de rien..
Merci par avance. -
Perso j'utilise pas mais tu peux essayer d'ajouter onmouseout avec des dimensions plus petites
-
Qu'est ce que tu utilises comme code pour faire cet effet?
-
SVP aidez moi...
-
UP
-
Personne peut m'aider?
-
SVP aidez moi !!!!!!!!!
-
Le "this" indique "l'élément courant" c'est-à-dire "celui-ci".
Donc quand tu fais <img src="image/image.jpg" onmouseover="this.height=200; this.width='500'">, le javascript dit :
"cette image, je lui mets 200 en height et 500 en width"
Ceci dit, à mon avis il manque les "px" après les valeurs ! :D -
Merci monkey pour ta reponse, je viens de rajouter les px.
Quelqu'un pourrait confirmer le code:
<img src="image/image.jpg" onmouseover="this.height=200 px; this.width='500 px'">,
Et comment je peux faire pour que l'image reprenne sa taille d'origine une fois qu'elle n'est plus survolee par la souris?
Merci. -
En utilisant "onmouseout" ! :D
