CSS: Как ограничить максимальный размер изображения до 450px?

Nemesis-TNT
На сайте с 15.07.2008
Offline
26
28545

Приветствую! Сабж.

Нужно через css уменьшить размер картинки до 450px. Сама картинка может быть хоть 2000px, хоть 3000px.

Но если картинка к примеру 300 или 449px то увеличивать её не надо...

Это возможно?

[Удален]
#1

img {

max-width: 450px; //ширина

max-height: 450px; //высота

}

P
На сайте с 29.05.2008
Offline
86
#2
Коновалов Сергей:
img {
max-width: 450px; //ширина
max-height: 450px; //высота
}

В ИЕ это не сработает.

насчет css не уверен, что так можно.

Я бы сделал в img: <img width="450" ...> 🤣

Linkpusher
На сайте с 28.12.2007
Offline
176
#3
pajed:
Я бы сделал в img: <img width="450" ...>

не катит:

Nemesis-TNT:
если картинка к примеру 300 или 449px то увеличивать её не надо

я юзал пре-проверку на размер, подставляя скриптом имя класса для изображения. понимание того, что отдельный набор превьюшек решает пришло чуть позже :) думаю к тс тоже придёт... даже быстрее, учитывая вводные:

Nemesis-TNT:
Сама картинка может быть хоть 2000px, хоть 3000px
Точу ножи. Буквально. Есть отзывы. Заказать заточку в МСК и Подольске можно через Телеграмм.
Nemesis-TNT
На сайте с 15.07.2008
Offline
26
#4

Может есть что то типа maxsize или image size ?

2Коновалов Сергей

Картинка может быть и 2*2px. Её не нужно будет увеличивать до 450px... Вот так вот...

Ткач
На сайте с 29.04.2007
Offline
95
#5

максимальную ширину и высоту задавайте с хаком для IE6, а IE7 уже понимает.

НУ я ещё попробовал бы сделать стиль для div.pict img (например) что то типа

display: block; overflow: hidden; width: 450px; height: 300px;

проверять сейчас лень самому.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
rasiell
На сайте с 16.02.2008
Offline
217
#6

Nemesis-TNT, используйте IE7.js, и у вас начнет работать в IE6 min/max-height/weight, и не только )

Добавляете свойство у блока в котором находится картинка

.div img {
max-height: 450px;
max-weight: 450px;
}

Сам использовал такой ход в одном из своих проектов, все отлично работало

Zerber (http://spartanets.ru/zerber) — программа для публикации статей в различные CMS и блогсервисы
Nemesis-TNT
На сайте с 15.07.2008
Offline
26
#7

2rasiell

Думаю чтобез прикручивания есть стандартне методы осуществить подобное... Нужно просто знать :) ...

tommy-gung
На сайте с 22.11.2006
Offline
300
#8


max-width: 450px;
max-height: 450px;
width:expression((this.clientWidth > 450) ? "450px" : "auto");
width:expression((this.clientHeight > 450) ? "450px" : "auto");
Здесь не могла быть ваша реклама
Ткач
На сайте с 29.04.2007
Offline
95
#9

способов перечислено достаточно, чтобы давно уже реализовать

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий