[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: lightbox - Как изменить размер картинки?
anonymouse
Доброе время суток -


Я пишу вот на ПХП но столкнулся с проблемой что бывают картинки долеко превышающий размеры монитора.

Вопрос такой -

Как сделать так чтоб все картинки открывались допустим 480x320 или даже было бы круче не превышали этот размер....


Просто в JS я ламер ( почти не знаю этот язык )
Помогите - может кто такое делал....



Спустя 1 час, 9 минут, 40 секунд (19.03.2009 - 00:34) Alchemist написал(а):
HTML
<img src="mypic.jpg" width="480" height="320">

Спустя 44 минуты, 28 секунд (19.03.2009 - 01:18) REANIMATOR написал(а):
тут дело не в js... т.е. решение гораздо проще...
пишешь в css такие настройки

img{max-height:320px; max-width:480px}

и всё

Спустя 8 минут, 43 секунды (19.03.2009 - 01:27) anonymouse написал(а):
REANIMATOR
ты как всегда мой спаситель ! Попробую отпишу )
СПС)

Спустя 30 минут, 6 секунд (19.03.2009 - 01:57) kirik написал(а):
Насколько я помню max-width не будет работать в IE (по крайней мере min-width точно не работала).

Спустя 6 минут, 42 секунды (19.03.2009 - 02:04) anonymouse написал(а):
kirik
это ты про IE6 или IE7 ?

Спустя 4 минуты, 1 секунда (19.03.2009 - 02:08) REANIMATOR написал(а):
макс 100% работает

Спустя 2 часа, 1 минута, 43 секунды (19.03.2009 - 04:09) kirik написал(а):
anonymouse, min-width в IE6 пробовал.

Цитата (REANIMATOR @ 18.03.2009 - 18:08)
макс 100% работает

ОК smile.gif

Спустя 3 часа, 34 минуты, 58 секунд (19.03.2009 - 07:44) Sylex написал(а):
min-width max-width и подобные начинают тока работать в IE 7, это более менее нормальный браузер, по сравнению с предыдущими...

для IE 5-6 нужно делать отдельный CSS, и использовать expression

HTML
<!--[if (IE 5)|(IE 6)]>
<link href="ie56.css" type="text/css" rel="stylesheet" />
<![endif]-->

.element {
width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1100 ? "993px" : (document.documentElement.clientWidth > 1200 ? "1200px" : "90%")) : (document.body.clientWidth < 1100 ? "993px" : (document.body.clientWidth > 1200 ? "1200px" : "90%")));
}


т.е. здесь и max-width & min-width, все через ява скрипт... Конечно, такой "гладкости" как в др. нормальный браузерах не добьешься...

Спустя 1 день, 15 часов, 24 минуты, 44 секунды (20.03.2009 - 23:09) anonymouse написал(а):
Круто блин - может и я когда-то выучу все что знаете и вы )

СПС Большое всем !!! rolleyes.gif rolleyes.gif rolleyes.gif


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.