Muerto Вс ноя 14, 2010 16:35
1 Вариант- загрузка страницы со скриптом определяющим размеры экрана пользователя, который редиректит на страницу рассчитанную на это разрешение и принудительное открытие браузера в maximize-режим. Минусы - человек после открытия может и изменить размеры окна, а вешать на onResize ещё скрипты с принудительной перезагрузкой - издевательство над пользователем. Куча страниц с кучей картинок подо все разрешения.
2 вариант - то же самое, что и первый но страница по верстке одна, а картинки имеют сорц выставляемый скриптом. Например src="image" + screen.width + ".jpg". Плюсы - страница одна и она не перегружается. Можно вешать скрипты на onResize для изменения src картинок. Минусы - всё же загрузка клиентской машины скриптами и траффик картинок. Ещё вариант из этой же серии - сделать все картинки через ресайзовый РНР-скрипт. Т. е. src="resize.php?img=img.jpg&width=" + document.body.clientWidth, где resize.php - файл делающий ресайз картинки по гетовым параметрам (какая картинка, сколько по ширине ресайзить). Минусы те же - трафф + загрузка сервера + ВОЗМОЖНЫЕ СЛОЖНОСТИ С ВЕРСТКОЙ (НАДО РАСсЧИТАТЬ, ЧТО МАСШТАБИРОВАНИЕ не ломало сетку сайта).
3 вариант - послойная верстка картинок. Пожалуй лучший вариант из перечисленных, но дизайнеру придётся потрудиться. Картинки разбиваются на слои и логически дорисовываются так, чтобы картинка могла масштабироваться не за счет изменения размера элементов, а за счет их смещения без потери общей структуры. Рисовать пример лень, но представь себе картинку - два бегущих друг на друга в штыковую строя солдат. Оба строя идут слоями с полупрозрачностью и позиционируются соответственно по левому и правому краю некого тянущегося контейнера (обычного DIVа), а картина ландшафта идёт под ними фоном. Причем картинка ландшафта изначально расчитана на максимально возможное разрешение экрана (допустим 3000px). Картинка фона может и дублироваться, если удачно подобрать края. То же самое можно сделать и по горизонтали - облака привязанные к некой точке сверху и фиксировано сдвигающиеся при изменении вертикального размера. z-index слоя при этом должен быть меньше z-indexа слоя со строем солдат, чтобы не перекрывать их при минимальных размерах, а уходить за них, создавая глубину картинки. Ну и так далее, включай фантазию и дизайнерские навыки.
4 вариант - мертворожденный SVG. О нем ничего написать не могу, бо никогда не юзал. Погугли, если есть желание, но я бы не рекомендовал к использованию.
Думаю, можно ещё кучу вариантов придумать.
P.-S. Собственно по предыдущему вопросу -
Раньше можно было раскрыть модальное окно (вспомним баннеры порносайтов) с элементами управления и бордерами за пределами видимости экрана.Но это уже невозможно в современных браузерах. Максимум можно открыть окно с адресной строкой, статусбаром и кнопкой закрытия и без скроллинга.