Rechercher : dans
Par :

MENU VERTICAL DYNAMIQUE IMAGES

Dernière réponse le 14 nov 2009 à 19:08:35 louis1984, le 11 nov 2009 à 17:42:21 
 Signaler ce message aux modérateurs

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.

Configuration: Windows Vista Internet Explorer 7.0

1

louis1984, le 11 nov 2009 à 18:12:12

Personne?

Répondre à louis1984

2

louis1984, le 11 nov 2009 à 19:45:57

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.

Répondre à louis1984

3

louis1984, le 11 nov 2009 à 20:13:34

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.

Répondre à louis1984

4

BenT, le 11 nov 2009 à 20:19:52

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

Répondre à BenT

5

louis1984, le 11 nov 2009 à 21:22:15

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

Répondre à louis1984

6

louis1984, le 12 nov 2009 à 18:40:04

SVP aidez moi...

Répondre à louis1984

7

louis1984, le 12 nov 2009 à 20:08:47

UP

Répondre à louis1984

8

louis1984, le 12 nov 2009 à 21:21:48

Personne peut m'aider?

Répondre à louis1984

9

louis1984, le 13 nov 2009 à 03:47:45

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

Répondre à louis1984

10

monkey_monk, le 13 nov 2009 à 11:53:59

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 [Monkey Monk]
That's all folks !

Répondre à monkey_monk

11

louis1984, le 14 nov 2009 à 00:32:27

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.

Répondre à louis1984

12

 monkey_monk, le 14 nov 2009 à 19:08:35

En utilisant "onmouseout" ! :D [Monkey Monk]
That's all folks !

Répondre à monkey_monk
Collection CommentÇaMarche.net