var oimage = document.getElementById("image");
var cimage = oimage.getComputedStyle(oimage, "");
var cwidth = сimage.getPropertyValue("width");
var cheight = сimage.getPropertyValue("height");
if (cwidth > 128) {
oimage.style.width = "128px";
if (cheight > 128) {
oimage.style.height = "128px";
}
Изображения в таблице
Есть таблица с изображениями. Как ограничить размер картинок до 128х128?
<img src="..." width=128 height=128>
В этом случае изображение растягивается до указанных размеров... нужно, чтобы размеры по X и Y не превышали этих значений.
<img src="..." style="max-width:128; max-height:128; display:block;" />
Попробуйте так. Но эти свойства разными браузерами воспринимаются по-разному.
И вариант с JS.
Попробуйте так. Но эти свойства разными браузерами воспринимаются по-разному.
И вариант с JS.
Браузер IE. Код, приведенный Комаджу, не изменяет ситуацию. Может быть, есть и другие способы?
Franky вам уже написал как надо делать.
Нет, вариант с JS отпадает - такие страницы должна генерить программа. 2 RussiaSpy: код Franky растягивает все изображения меньших размеров до 128х128.
Цитата: insane88
Нет, вариант с JS отпадает - такие страницы должна генерить программа. 2 RussiaSpy: код Franky растягивает все изображения меньших размеров до 128х128.
Других вариантов нет... IE не понимает свойства CSS max-width...
JS-скрипт вам уже написали. Других решений быть не может (ну кроме совсем уж извращенных).
Или на сервере с помощью GD
p.s: я даже извращенных придумать не могу :)
p.s: я даже извращенных придумать не могу :)
Тогда буду выкручиваться... спасибо за помощь.