Centrer une image avant de la voir

Bonjour,
J'ai peur que ce ne soit une question à 1 euro, mais je me lance :
Je veux pour une image map qu'au survol apparaissent des zooms de parties survolées, mais je veux surtout que ces zooms apparaissent bien centrés -ou à droite- quelque soient la config et l'écran (à gauche ça a l'air standard)
J'ai préparé des images par :

<IMG SRC="pl9.jpg" ID="pl9" style="position:absolute; visibility:hidden; left:417px;">

et je les affiche/cache en changeant visibility, pas de problème, sauf que ce n'est pas centré universellement, genre

left:"+Math.round((screen.width-191)/2)+"px;

qui ne fonctionne pas.
Merci de m'aider
Chti59
Modifié par chti59 (13 Jan 2007 - 11:15)

Bonjour à toi et bienvenu sur le forum,

Je pense que tu trouveras la réponse à ta question dans ce tutoriel : Faire une zone réactive (image map) en CSS.

Bonjour,
Merci de prendre le temps, j'avais cherché avant de poster, mais dans toutes les réponses que j'ai vues, la taille ou la disposition en px est écrite d'avance, comme mon 417px, mais si la largeur n'est plus 1024 (2*417+191-1), l'image de l'image map centrée par

<div>
<p align="center"><img src="etc....

n'est plus alignée avec celle qui apparait au survol ! Et pour afficher à droite et à gauche, il faut au moins que je la centre......

En gros je voudrais qu'à l'événement onmouseover sur l'image on voit suivant la zone :
[ ] ou [ ] ou encore

[ ]
[ ]
A moins .... que ce ne soit pas possible ! Serait-ce possible ?
Chti59

Je n'ai pas compris grand chose à ce que tu veux, mais pour du centrage image voici une petite méthode.

Tu peut utiliser du php. Tu lui demande lire les dimensions de l'image, et tu lui demande d'écrire la largeur, et la hauteur des image.

Apres dans ta css tu n'as qu'a préciser des marges gauche, et droite automatique.