bonjour
voici une page avec un code hyper simplifié qui affiche des petites photos (thumbs). quand on clique sur une de ces photos, une fenêtre windows de la dimension de la photo s'ouvre avec la photo originale (original).
La 1ère fois que la photo original doit être chargée, ( img.src="original/"+image), l'alert affiche une dimension width=0 et height=0. Quand la fenêtre (x) est fermée, et qu'on reclique sur la photo, l'alert fournit une taille correcte. D'après ce que j'ai lu, img.src doit normalement charger la photo, et les propriétés devraient être disponibles.
Pourquoi la taille de la photo originale n'est-elle pas disponible au moment du img.src ?
Comment faire pour solutionner ce problème (les photos pouvant avoir une taille aléatoire) ?
<head>
<title></title>
<script language="javascript">
<!--
function OpenImage(image)
{
alert (image);
var img=new Image();
img.src="original/"+image;
var height = img.height;
var width = img.width;
var n = new Date();
alert ("height " + height + " width "+width + " src "+img.src);
var x=window.open();
x.document.write('<img src="'+img.src+'" height="'+height+'" width="'+width+'">');
x.focus();
}
-->
</script>
</head>
<body text="#000000" vLink="#551a8a" aLink="#fe0000" link="#191970" bgColor="#ffffff"
background="" topMargin="10" marginheight="10" marginwidth="10">
<TABLE id="Table30" cellSpacing="0" cellPadding="0" width="555" align="center" bgColor="lavender"
border="0">
<TR>
<TD onclick="OpenImage('img1.jpg');" vAlign="middle" align="center" width="185"
height="185"><IMG src="thumb/img1.jpg"></TD>
<TD onclick="OpenImage('img2.jpg');" vAlign="middle" align="center" width="185"
height="185"><IMG src="thumb/img2.jpg"></TD>
</TR>
</TABLE>
</body>
</html>