Форматирование рисунка

[kent666]

Помогите пожалуйста!

у меня есть фотка размером 400*200

Как мне сделать так что бы она выводилась на экран с ограничением по ширине и высоте!

Т.е. ограничение 200рх

Фотка на экране 200*100

Или фотка 200*400

Фотка на экране 200*100

В общем пропорция должна тоже сохранятся!!!

[Great Rash]

Задайте фотке ширину 200 пикселей. Высота сама подстроится как надо.

[kent666]

А если вдруг у меня высота будет больше чем ширина!?

[Bonzash]

А если вдруг у меня высота будет больше чем ширина!?

Задайте фотке ширину 200 пикселей. Высота сама подстроится как надо.

[kent666]

У меня есть ограничения по ширине и по высоте 200рх

Если я выставлю ширину 200, то Рисунок размера высота600 ширина400

То отобразится как высота 300 и ширина 200!!!

У меня тогда рисунок вылезет за границы

[Torvin]

а что в граф редакторе заранее нельзя размер подкорректировать?

[kent666]

Неа. у меня каталог. Пользователь закидывает любую фотку на сервер, а потом она автоматом подтягивается в каталог!

В Предварительном просмотре у меня для фотки выделяется окошко размером 200*200 рх, а если зайти в данную единицу каталога, то размер рисунка будет в натуральную величину!

Поэтому мне и надо не физическое уменьшение рисунка, а только вывод его в уменьшенном размере

[Bonzash]

<style type="text/css">
div {
  width: 200px;
  height: 200px; 
  overflow: hidden;
}
div img {
  height: 200px;
}
</style>
<div>
<img src="" />
</div>

Edited May 25, 2011 by Bonzash

[kent666]

А нельзя как нибудь при помощи min-width и min-height

Просто вариант

<style type="text/css">
div {
  width: 200px;
  height: 200px; 
  overflow: hidden;
}
div img {
  height: 200px;
}
</style>
<div>
<img src="" />
</div>

Просто подрежет то что не влезло в <div>

[Great Rash]

<img src="test.jpg" alt="" onload="this.width >= this.height ? this.width = '200px' : this.height = '200px';" />