Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Масштабирование рисунка + CSS


Автор: Artemon 28.7.2008, 18:30
Например у меня есть код:

Код

<div>
<IMG style="WIDTH: 135px; HEIGHT: 154px" src="/images/productimages/swingbig21.jpg">
</div>



Но картинка по размеру отличается от 135x154 и отображается без пропорций.
Как мне в Div определенного размера впихнуть картинку, чтобы она встала в див, с соблюдением пропорций?

Корявое отображение можно увидеть на сайте: http://tor74.ru/  в правой стороне (хит продаж)

Автор: bars80080 28.7.2008, 19:47
чтоб отображалось пропорционально, надо задавать всего один размер

Автор: Artemon 29.7.2008, 06:24
В конце концов я так и сделал, но при таком подходе рисунок может  вылезти из заранее определенных границ.

Автор: bars80080 29.7.2008, 08:56
ну, нужно заранее предполагать различное развитие событий

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

но самый простой способ, однако, грешный определёнными проблемами - засунуть img внутрь div с фиксированными шириной и высотой, и overflow: hidden;

Автор: SelenIT 30.7.2008, 03:13
Как вариант, можно грузить картинку во флеш (напр., http://flash-mx.ru/url_resize) smile А самому флешу задавать scale="showall". Заодно и масштабироваться она должна аккуратнее, чем просто в браузере.

Только имхо все равно неправильно это. Лучше подгонять размеры картинок на сервере, тем же imageMagick'ом и т.п. средствами.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)