2010-08-30 6 views
2

si j'ai un élément d'image où je ne suis pas régler la hauteur et la largeur, comme celui-cigoogle chrome, ne peut pas fixer la largeur img, hauteur

<img id="img" src="image.jpg" /> 

puis lorsque je tente d'obtenir

img_height = $("#img").attr("height"); 

il renvoie 0.

comment puis-je obtenir la taille de l'image dans google chrome.

Merci

Mise à jour:

height = $("#img").height(); ne fonctionne pas trop ...

Répondre

5

Vous pouvez utiliser les .height() et .width() méthodes, comme ceci:

var height = $("#img").height(); 
var width= $("#img").width(); 

Assurez-vous également que vous utilisez ce en $(window).load() plutôt que $(document).ready() de telle sorte que l'image est chargée.

+0

retourne encore ... '0' – Simon

+0

@Syom - Courez-vous après l'image est chargée? –

+0

bien sûr, je le lance dans '$ (document) .ready (...' – Simon

4

Vous pouvez utiliser .height() jQuery & .width()

EDIT: Maintenant, avec la mise en cache pour rendre l'Internet un meilleur endroit:

var img_height, img_width, the_img = $("#img"); 

img_height = the_img.height(); 
img_width = the_img.width(); 
0

Est-ce que cela fonctionne dans d'autres navigateurs? Votre code HTML n'indique pas un attribut "height" spécifié.

1

Cela a renvoyé 0 car l'attribut 'height' n'est pas défini. Essayez cette fonction jQuery à la place:

img_height = $("#img").height(); 
Questions connexes