Forum d'entraide PHPFrance

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

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