Flexible image

kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи

Янв. 20, 2012, 3:09 п.п.

Как сделать имейдж или бэкгрануд боди что бы ширина и высота изображения равнялась ширине и высоте окна бразера ресайзилась при изменении размеров окна, т.е. при этом изображение будет искажатся. Есть ли CSS решение?
mario

Сообщения: 6067 Репутация: N Группа: Джедаи

Янв. 20, 2012, 3:13 п.п., спустя 4 минуты 23 секунды

Есть ли CSS решение?

есть только для бэкграунда, но с одним условием изображение должно быть максимально большим, в идеале макс. разрешение экрана =< макс.разрмеру картинки.
Спустя 18 сек.
на js вообще проблем не вижу.
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи
Янв. 20, 2012, 3:18 п.п., спустя 4 минуты 29 секунд
<div style="position:fixed; top:0; right:0; bottom:0; left:0;"> <img src="image.jpg" style="width:100%; height:100%;" /> </div>

но лучше height у картинки убрать, иначе непропорционально будет ресайзиццо
Высокоуровневое абстрактное говно
kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи

Янв. 20, 2012, 3:46 п.п., спустя 27 минут 51 секунду

Stasovsky, круто, спасибо, но не работает в мобильном браузере (iPhone) - всегда отображается пропорционально )))
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи

Янв. 20, 2012, 3:48 п.п., спустя 1 минуту 57 секунд

значит height не понимает)) по-моему даже хорошо))

Высокоуровневое абстрактное говно
kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи

Янв. 20, 2012, 4:03 п.п., спустя 15 минут 1 секунду

значит height не понимает

ага, все равно спасибо, попробую джаваскриптом…
Givi

Сообщения: 2284 Репутация: N Группа: Адекваты

Янв. 20, 2012, 5:06 п.п., спустя 1 час 3 минуты 4 секунды

kostyl, а если ему добавить в свойства !important ? То есть style="width: 100% !important; height: 100% !important;". Проверить не могу, ибо, как сегодня прочитал, из Apple у меня только компот на кухне :)
kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи

Янв. 20, 2012, 8:57 п.п., спустя 3 часа 51 минуту 22 секунды

та ну его, уже сделал джаваскриптом…
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи

Янв. 21, 2012, 2:02 п.п., спустя 17 часов 4 минуты 39 секунд

код ф студиу, мб че полезное для себя узнаю))

Высокоуровневое абстрактное говно
kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи
Янв. 21, 2012, 2:46 п.п., спустя 44 минуты 43 секунды
function resize(w, h) { var source = document.getElementById("source"); source.width = w; source.height = h; }

остальное все снаружи делается ))) я же не для web…
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи

Янв. 21, 2012, 6:09 п.п., спустя 3 часа 22 минуты 4 секунды

тю блин…

Высокоуровневое абстрактное говно
kostyl

Сообщения: 5210 Репутация: N Группа: Джедаи

Янв. 21, 2012, 9:39 п.п., спустя 3 часа 30 минут 24 секунды

Stasovsky, у меня есть компонент веб-вью и при изменении его размеров я вызываю в нём эту функцию…. можно было бы просто сделать цсс если бы можно было )))
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи

Янв. 21, 2012, 9:52 п.п., спустя 13 минут 29 секунд

ясн

Высокоуровневое абстрактное говно

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Flexible image

Войти