Bonjour.

Pour afficher une image dans une fenêtre pop-up, je formate mon code comme suit :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="image.jpg" onClick="window.open('','popup','width=480,height=640,resizable=1')" Target="popup"><img src="vignette.jpg" width="120" height="160" border="0"></a>
Cela fonctionne bien, mais cependant, j'aimerai pouvoir faire quelques améliorations.

1) pour fermer l'image, je clique sur le bouton de fermeture Windows, mais je sais qu'on peut insérer une portion de code qui autorise la fermeture en cliquant n'importe où sur l'image.
J'ai trouvé ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="#" onClick="window.close()">Fermer</a>
Mais je ne sais pas comment l'intégrer dans mon code.

2) au niveau du remplissage de la fenêtre pop-up, j'obtiens ce rendu en définissant la largeur et la hauteur en : width=656,height=496 (en noir, place de l'image) :



En effet, j'ai systématiquement une marge blanche de 8 pixels en haut et à gauche de l'image, ce qui fait que j'augmente la taille (640 -> 656 et 480 -> 496) pour avoir une image centrée, entourée par des marges blanches de taille égale.
Le problème, c'est que le rendu est différent dans Firefox et dans Internet Explorer. J'ai déjà trouvé des sites où l'image était impeccablement intégrée dans la fenêtre Windows, sans marges autour, mais je ne sais pas comment faire.

Merci d'avance.