OldPageZoom 1.0
старый сайт на весь экран
Скачать zip  ·  Разделы сайта

Вопросы

Что нужно, кроме самого скрипта?

Ничего. OldPageZoom - один файл OldPageZoom.js без других библиотек и без обращений к чужим серверам. Как подключить - на странице «Как подключить».

Почему сайт не уменьшается в маленьком окне?

Так задумано: по умолчанию minScale: 1, то есть сайт только увеличивается. Чтобы разрешить уменьшение в маленьких окнах, укажите minScale: 0. Все параметры - в документации.

Как поставить сайт по центру экрана, как игру?

OldPageZoom.start({ root: "wrapper", align: "center", valign: "middle" });

Что будет в очень старом браузере?

Netscape 4, IE 4 и старше, Opera 6 и старше не поддерживаются: в них нельзя изменить уже показанную страницу. Библиотека ничего не делает, сайт показывается как обычно. Таблица - на странице «Браузеры».

Работают ли Ctrl+ и Ctrl-?

Зависит от параметра autoResize и браузера - подробно в разделе «Ctrl+ и Ctrl-» документации.

Мой сайт свёрстан слоями (position: absolute), подойдёт?

В Internet Explorer - да, там увеличивается всё. В остальных браузерах размеры и координаты в пикселях из <style> и внешних .css не масштабируются: библиотека рассчитана на табличную вёрстку. Все ограничения - в документации.

Ничего не происходит

Проверьте, что файл загружается (путь считается от страницы) и что окно больше сайта: при minScale: 1 маленький сайт в маленьком окне не меняется. Проверка:

<script type="text/javascript">
window.setTimeout(function () {
    alert(typeof OldPageZoom == "undefined" ? "файл не загружен" :
          "масштаб: " + OldPageZoom.getScale());
}, 2000);
</script>

Таблица ломается, ячейка с картинкой-ссылкой выше нужного

Это ошибка вёрстки, она есть и без библиотеки. Если картинка обёрнута в <a> и перед </TD> стоит перенос строки, старые браузеры добавляют под картинкой отступ в несколько пикселей. Ставьте </TD> вплотную и выравнивайте картинку по низу:

<a href="..."><img src="..." width="468" height="60" border="0" style="vertical-align: bottom"></a></TD>

Атрибут width ячейки не совпадает с содержимым

Если в ячейке width="460", а внутри картинка шириной 468, браузеры по-разному решают этот спор. Исправьте атрибут на реальный размер.

Белые полосы между кусками нарезки в Netscape 7

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

<script type="text/javascript">
window.setTimeout(function () {
    var r = [], it, i, t;
    for (i = 0; i < OldPageZoom.items.length; i++) {
        it = OldPageZoom.items[i];
        if (it.w != null || it.h != null) {
            r[r.length] = it.el.tagName + " x=" + it.x + " y=" + it.y +
                " w=" + it.w + " h=" + it.h + " -> " +
                it.el.getAttribute("width") + "x" + it.el.getAttribute("height") +
                " real " + it.el.offsetWidth + "x" + it.el.offsetHeight;
        }
    }
    t = document.createElement("textarea");
    t.cols = 100; t.rows = 20;
    t.value = r.join("\n");
    document.body.appendChild(t);
}, 2000);
</script>
Рейтинг Old-Web
OldPageZoom 1.0
Автор: Эрик Акопян (eriko)
сайт на narod.website