Récupération dimensions image

shadeoner

1 Aug 2009 à 12:10

Bonjour, je souhaite récupérer la dimension d'une image en Javascript/Jquery.

La seule méthode que j'ai trouvé bug : je charge l'image dans un img qui est en hide sans width ni height et je recupère les dimensions, mais elles sont fausses.

Existe-t-il une méthode permettant de récupérer la dimension d'une image qui n'est pas dans le navigateur mais plutôt vers une URL/Serveur ?

Merci pour votre aide

kurt11

2 Aug 2009 à 15:07

Salut,

Tu peux faire ça en PHP avec la fonction getimagesize().
Plus d'infos : http://fr2.php.net/manual/fr/function.getimagesize.php

Sous JQuery/JS le souci doit venir du fait que l'image ait l'attribut css "display:none".

Julien de Prabere

3 Aug 2009 à 19:46

Point besoin de PHP, pour obtenir la dimmension effective des images en javascript.
Celle-ci est accessible à partir de la collection document.images à condition de ne pas préciser de dimension en HTML (donc pas d'attribut sur la balise correspondante).
Ainsi le script suivant fonctionne sur IE, Opéra Firefox et Safari.

<script type="text/javascript">
function init(){
	im=document.images[0];
alert(im.width);
};
</script>
</head>
<body onload="init()">
<div><img src="98.jpg"></div>
</body>

Quant au display:none, il suffit d'afficher les images dans une frame de dimension nulle !
Modifié par Julien de Prabere (03 Aug 2009 - 20:15)