MENU VERTICAL DYNAMIQUE IMAGES
louis1984
Messages postés
344
Statut
Membre
-
monkey_monk Messages postés 681 Statut Membre -
monkey_monk Messages postés 681 Statut Membre -
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.
A voir également:
- MENU VERTICAL DYNAMIQUE IMAGES
- Tableau croisé dynamique - Guide
- Menu déroulant excel - Guide
- Powerpoint vertical - Guide
- Des images - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
12 réponses
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.
<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.
<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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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.
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.
