еще один вопросик по html/css

← →
antonn © (2007-07-24 14:33) [0]

никак не могу понять, можно ли сделать масштабирование <IMG> с сохранением его пропорций? Вообще нужно вывести картинку, которая была бы "резиновой", но сохраняла пропорции свои. Подскажите пожалуйста:)

← →
ya00011 (2007-07-24 14:35) [1]

По идее для этого необходимо указать только одну составляющую: высоту или ширину. Но это дурной тон имхо.

← →
clickmaker © (2007-07-24 14:37) [2]

> Но это дурной тон имхо.

почему?
представь себе лицо с 10 на 15, которое всунули в квадрат 100 на 100. Нравятся кривые зеркала?

← →
antonn © (2007-07-24 14:45) [3]

ну исходные размеры картинки у меня есть, все равно не пойму, как сделать:)

← →
Zeqfreed © (2007-07-24 14:49) [4]

ratio = width/height; newheight = newwidth/ratio;
?

← →
Vendict © (2007-07-24 16:37) [5]

<img width=100 src="..">

а вторую составляющаю сам браузер подгонит

← →
любитель поорать (2007-07-24 16:45) [6]

← →
ya00011 (2007-07-24 17:18) [7]

Когда же html-у на смену придет xhtml... достали одинарные кавычки или их отсутствие вообще в атрибутах:(

Минус предложенного мной, а также другими гражданами, способа в том, что пока обозреватель не получит картинку он не будет знать высоту изображения, а это уже плохо...

Зикфрид предлагает вполне адекватное решение, но оно не динамично.

Как вариант предлагаю еще одно решение: размер картинки будет зависеть от размера шрифта.
Пусть изображение bla.png имеет размер 10x15, тогда:

<img src="bla.png" width="10" height="15" style="width:1em;height:1.5em" />
где 1em - взято как любое число, а 1.5em расчитано как 1.5em=1em*(15/10)

← →
Zeqfreed © (2007-07-24 18:09) [8]

Я вообще не вижу сакрального смысла динамически растягивать изображение, т.к. оно в любом случае будет обезображено данной процедурой.

← →
antonn © (2007-07-24 19:06) [9]

хочу дать пользователю выбор, просматривать изображение в его полном разрешении, либо отмасштабированном по окну браузера.

> Vendict © (24.07.07 16:37) [5]

не знал:) но в фаерфоксе ячейка таблицы никак не хочет также уменьшаться с ИМЖ, т.е. сам ИМЖ уменьшается, а размеры ячейки, в которой он находится - те же:( в ИЕ почему т оИМЖ плюет на valign=center и забивается на top.
щас скрипт попробую написать:)

← →
ya00011 (2007-07-24 19:32) [10]

> Я бы не заворачивался:)

я уже давно не полагаюсь на обозревателей...

собственно вот:
http://antonn.ru/test_scale.html (там с картинкой на 30Кб)
потестируйте, пожалуйста, особенно на операх, а то у меня ни одной нет и ставить не хочется%)

ЗЫ картинка должна только уменьшаться, т.е. больше своих 640*480 она не должна выростать

← →
любитель поорать (2007-07-25 10:08) [13]

спасибо, любитель поорать%)

еще один вопросик по html/css Найти похожие ветки