Главная страница
    Top.Mail.Ru    Яндекс.Метрика
Форум: "Прочее";
Текущий архив: 2007.08.26;
Скачать: [xml.tar.bz2];

Вниз

еще один вопросик по 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]

<html>
<img width="100%" src="img.gif">
</html>


 
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]


> antonn ©   (24.07.07 19:06) [9]

Сейчас все нормальные обозреватели дают этот выбор сами:) Я бы не заворачивался:)


 
antonn ©   (2007-07-24 19:46) [11]


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

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

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


 
antonn ©   (2007-07-24 19:47) [12]

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


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

> [11] antonn ©   (24.07.07 19:46)

Работает. В опере лучше всего, т.к. со сглаживанием.


 
antonn ©   (2007-07-25 22:05) [14]

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



Страницы: 1 вся ветка

Форум: "Прочее";
Текущий архив: 2007.08.26;
Скачать: [xml.tar.bz2];

Наверх





Память: 0.47 MB
Время: 0.056 c
11-1154451905
Stargazer
2006-08-01 21:05
2007.08.26
MDI глючит


2-1185787061
031178
2007-07-30 13:17
2007.08.26
Работа с файлами


2-1186330517
KLAUS_
2007-08-05 20:15
2007.08.26
Xor части файла


15-1185435306
Autokont
2007-07-26 11:35
2007.08.26
php php3


15-1185274519
Kerk
2007-07-24 14:55
2007.08.26
2800 квадратных метров ткани





Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Finnish French
Galician Georgian German Greek Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian
Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish Bengali Bosnian
Cebuano Esperanto Gujarati Hausa Hmong Igbo Javanese Kannada Khmer Lao Latin Maori Marathi Mongolian Nepali Punjabi Somali Tamil Telugu Yoruba
Zulu
Английский Французский Немецкий Итальянский Португальский Русский Испанский