Найти реальное разрешение средствами jquery
Как найти реально разрешение картинки средствами jquery?
Никак.
Цитата: mike
Никак.
... а если удалить все style атрибуты для ширины и высоты?
Нужно проверять. Можно создать canvas из картинки и узнать его размеры, но решение, мягко говоря, не кроссбраузерное.
ну а просто img новый создать и в него src только указать от оригинала?
Это мне нужно для масштабирования картинки, когда пользователь на неё кликает. В зависимости от разрешения экрана, высчитывается коэффициент пропорциональности и умножается на реальную высоту и ширину - это и будет масштаб. Может как то по-другому это можно решить?
Если с помощью canvas, то это тег html5 и вопрос решения кроссбаузерности - это вопрос времени.
Если с помощью canvas, то это тег html5 и вопрос решения кроссбаузерности - это вопрос времени.
1) ничто не мешает тебе при выводе с сервака добавить свои атрибуты к тэгу img, в которых указать реальные размеры картинки
2) вообще обычно наоборот делают - грузят с сервака тумбочки на страницу а при клике загружают реальную картинку
3) для получения картинки можешь использовать такую конструкцию:
( линк )
2) вообще обычно наоборот делают - грузят с сервака тумбочки на страницу а при клике загружают реальную картинку
3) для получения картинки можешь использовать такую конструкцию:
Код:
var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
.attr("src", $(img).attr("src"))
.load(function() {
pic_real_width = this.width; // Note: $(this).width() will not
pic_real_height = this.height; // work for in memory images.
});
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
.attr("src", $(img).attr("src"))
.load(function() {
pic_real_width = this.width; // Note: $(this).width() will not
pic_real_height = this.height; // work for in memory images.
});
Все работает, спасибо.