Bonjour,
voici le code que j'utilise pour une galerie d'image sur mon site internet:
<script type="text/javascript">
<!--
function popupImage(url,titre)
{
var img = null;
img = new Image();
img.src = url;
var w = img.width; var h = img.height+15; // Dimensions de l'image
var top = (screen.height-h)/2; // Centrage en hauteur
var left = (screen.width-w)/2; // Centrage en largeur
if(!titre) {var titre = 'Sans titre';}
waitForLoading();
function waitForLoading() {
if(!img.complete) {setTimeout(waitForLoading, 30); return;}
var Options = 'location=no,directories=no,status=no,menubar=no,toolbar=no,scrollbars=no,resizable=no';
var pop = window.open('', 'monImage', Options+',top='+top+',left='+left+',width='+w+',height='+h);
pop.document.write('<html><head><title>'+titre+'</title></head>');
pop.document.write('<body onclick="window.close()" style="margin:0;padding:0">');
pop.document.write('<img src="'+img.src+'" alt="'+titre+'" />');
pop.document.write('<div style="font:bold 7pt Arial;text-align:center">Cliquez dans la fenêtre pour la fermer</div>');
pop.document.write('</body></html>');
pop.document.close();
}
}
//-->
</script>
puis: <a href="javascript:popupImage(image.jpg','Image 1')">
<img src="/mini-image/image2.jpg" width=205 height=154 border=2 style="border-color:#080808" alt="description image" title="titre de mon image"></a>
mini-image est un dossier où j'ai mis les images en miniature (pour qu'elles s'affichent plus vite lors du chargement de la page)
Le problème est que sous IE et mozilla firefox la pop up s'ouvre en tout petit (et pas aux dimensions de l'image) la première fois mais s'ouvre bien aux dimensions de l'image à partir de la seconde fois.
et, sous google chrome, l'image s'ouvre parfaitement sauf que parfois, lorsque je clique sur l'image aucune pop-up ne s'ouvre, comme si le programme bloquait, je suis obliger d'actualiser la page et là ca remarche.
Merci par avance pour vos réponses.
A+