Возможно ли на jQuery узнать размеры изображения по ссылке?

Question

[Vadim Bogomazov]

Добрый день!
Есть такая простая структура:

<a href="images/big-image.jpg"><img src="images/image.jpg" width="300" height="300"></a>

При клике на ссылку генерируется окно, содержащее в себе большое изображение и контент. Проблема в том, что высота картинок разная и под каждое изображение нужно генерировать окно с различной высотой. Так вот, как узнать размеры картинки по ссылке?

Answer 1

[Eugene Mosyukov]

Попробуйте так (работает и без jQuery):

var img = new Image();
img.onload = function() {
    alert(this.width + 'x' + this.height);
};
img.src = 'http://yandex.st/morda-logo/i/logo.png';

Comments

[enchikiben]

Я бы использовал naturalWidth и naturalHeight

[Eugene Mosyukov]

@EnChikiben так то да, но данное решение я предложил для лучшей совместимости с IE.

Answer 2

[Юрий Лобанов]

getimagesize на php

Answer 3

[Виталий Желтяков]

А не проще использовать резиновую верстку?