Bonsoir,
J'ai des vignettes de photo et quand je passe ma souris j'ai l'image aggrandie grâce à un onMouseOver.
Comment faire que l'image agrandie soit toujours au centre de la page.
Merci d'avance
la communauté d'entraide francophone dédiée au PHP
OnMouseOver
Eléphant du PHP |
330 Messages
-------------------------------------------------------
Il n'y a que les cons et les moules qui adhèrent
Il n'y a que les cons et les moules qui adhèrent
Possibilité : avec ton gestionnaire d'évèvenent, faire appel à une fonciton JavaScript qui va centrer l'image en modifiant certaines propriétés CSS. Il faut donc disposer des dimensions de l'image;
dans ce cas, dans ta fonciton, ajoutes dynamiquement le style à l'image de la manière suivante :
- position: absolute;
- left: 50%
- margin-left : - (largeur de l'image / 2) (en négatif)
Pour le centrage vertical, il te faudrait récupérer les dimensions de l'affichage client et procéder sensiblement de la même manière en mettant :
- top: (hauteur-ecran / 2)
- margin-top: -(hauteur-image / 2); (en négatif)
Je te laisse le principe général, à toi la donne pour convertir ça en code
dans ce cas, dans ta fonciton, ajoutes dynamiquement le style à l'image de la manière suivante :
- position: absolute;
- left: 50%
- margin-left : - (largeur de l'image / 2) (en négatif)
Pour le centrage vertical, il te faudrait récupérer les dimensions de l'affichage client et procéder sensiblement de la même manière en mettant :
- top: (hauteur-ecran / 2)
- margin-top: -(hauteur-image / 2); (en négatif)
Je te laisse le principe général, à toi la donne pour convertir ça en code
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse 