MENU VERTICAL DYNAMIQUE IMAGESFermé

Question

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.

louis1984 · Answer

Personne?

louis1984 · Answer

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.

louis1984 · Answer

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.

BenT · Answer

Perso j'utilise pas mais tu peux essayer d'ajouter onmouseout avec des dimensions plus petites

louis1984 · Answer

Qu'est ce que tu utilises comme code pour faire cet effet?

louis1984 · Answer

SVP aidez moi...

louis1984 · Answer

UP

louis1984 · Answer

Personne peut m'aider?

louis1984 · Answer

SVP aidez moi !!!!!!!!!

monkey_monk · Answer

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

louis1984 · Answer

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.

monkey_monk · Answer

En utilisant "onmouseout" ! :D

MENU VERTICAL DYNAMIQUE IMAGES

12 réponses

Discussions similaires

Newsletters