посоветую не ресайзить картинки средствами браузера. ДА, если картинка беспросветное говно, то по барабану, а остальные даже автоматически нельзя ресайзить ибо там либо вытеки_глазное_яблоко получается либо мыло если на автомате, зависит от содержимого картинки. Ну а браузером просто говно получается.

_________

//wfrr

не ресайзить, картинки большие, чтобы если заходишь в fullhd моника оно было нормально, а если с нетбука, то влезало в экран. Картинки не совсем фотки, это больше скриншоты интерфейса и т.д. Как посоветуешь в этом случае поступить?

делать превью для нетбука раскрывающиеся по клику, что тут выдумывать то? так и трафик экономится и смотреть проще.

_________

//wfrr

У меня есть мини слайдшоу и при клике оно разворачивается на весь экран где можно их переключать. Мне надо реализовать именно так.

Если надо именно так то зачем спрашиваешь «как» ? Если надо удобнее - то делается три картинки около 100px для просмотра в списках разных, например в списке последних добавленных, 1000px для просмотра «так», и для любителей «покрупнее» тупо выдается сырая фотография на весь экран со скроллбарами, даже если у ни мобилка.

и да заморачиваться на нетубчников - смысла не вижу посмотри по статистике всяких веб счетчиков сколько мелких разрешений экрана у твоей целевой аудитории. Может там полтора процента.

_________

//wfrr

Это фото альбом со стилями переключениями и эффектами надо чтобы все влезало и было красиво. Я говорю как надо мне и спрашиваю как это реализовать на css и возможно js что нежелательно.

яж и говорю - красиво не будет.

но если чоень хотца то держи: http://haslayout.net/css-tuts/CSS-Proportional-Image-Scale

_________

//wfrr

Складывается впечатление, что какая-то элементарная задачка. Что-то типа:

img {
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}

мм. а при fixed оно и по ширине и по высоте пройдет? даже если картинка 1x1000 или 1000x1?

нужно поэкспериментировать дополнительно с max-height. Не уверен, что задача в общем случае решается средствами CSS.

При этом, вычисляя max-height, элемент должен знать высоту родительского элемента. В случае, если последний - это body, то

body {
position: absolute;
height: 100%;
}

height: 100%;

position: absolute;

position: fixed;

> задаёт высоту body равной высоте окна браузера. Правило

да, но только в ie6

> да, но только в ie6

Высота дочернего элемента будет отсчитываться от размера окна браузера. Проверено неоднократно и работает на всех браузерах.

Значит, я путаю с min-height: 100%.

Плюсую белку. То, как браузеры ресайзят…

Для изображений используются тег img!

Делать изображения фоном, когда они фоном не подразумеваются (т. е. на них ничего нет) - абсурд, быдлокод, глупость и еще так только му делают.

<img src=«img.png» width=«100%»> и будет тебе счастье.

Да, min-height, max-height так использовать нельзя.

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

> Плюсую белку. То, как браузеры ресайзят…

Если выкинуть на помойку ослика, то довольно неплохо. И одинакового вида в разных браузерах добиться в принципе можно.

Если ресайз без всяких техник сглаживания это «неплохо», то да :}

А использовать какой-нить highslide или thickbox не вариант?

тут уже сказали ключевые слова, но ты всё равно сходи на http://alistapart.com и спроси у тамошнего поиска статью «responsive web design» ;)

js, что нежелательно

всё равно тебе придется делать уменьшенные изображения, которые можно «без последствий» отобразить в твоем дизайне. всё остальное уже будет потом, со скроллами и т.п.

под «без последствий» я имею ввиду, что, например, основная полоса для контента у тебя на сайте 70%, при клиентском разрешении 1024х768, картинка «без последствий» должна быть не более 716 пикселов в ширину.

вообще, на alistapart-e интересные статьи!

Ну дык «нежелательно» != «нельзя вообще» :)