Отображать сайт (или картинки) только после полной загрузки

[SCHNITZER]

Как сделать, что бы сайт отображался после полной его загрузки?

Все пересмотренные мной варианты либо основаны на задании, скажем, 2 сек, а потом отображают контент, не важно, загрузился он, или нет.

Или предлагается спрятать/распрятать по ходу чтения кода, а изображения продолжают подгружаться.

Или как сделать, что бы картинки грузились не так неприятно поступательно?

[Great Rash]

Поправлено:

window.onload - по идее отработает только после полной загрузки страницы (включая картинки).

[SCHNITZER]

Я пытался, не получилось. Я новичок, не могли бы вы показать подробный код вашего варианта?

[Great Rash]

У меня нет никакого варианта. И нет желания его писать. Покажите то что у вас уже есть и что не получается, поправим.

[SCHNITZER]

Body - display:none;

Далее скрипт (основу загрузки скрипта брал отсюда http://webo.in/articles/habrahabr/05-delayed-loading/)

 <script type="text/javascript">


// Dean Edwards/Matthias Miller/John Resig

 function init() {
// выходим, если функция уже выполнялась
if (arguments.callee.done) return;

// устанавливаем флаг, чтобы функция не исполнялась дважды
arguments.callee.done = true;

$('.main').show();
};

 /* для Mozilla/Firefox/Opera 9 */
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}

/* для Internet Explorer */
/*@cc_on@*/
/*@if (@_win32)
document.write("<script id=\"__ie_onload\" defer=\"defer\" src=\"java script:void(0)\"><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function () {
if (this.readyState == "complete") {
init(); $('.main').show();
}
};
/*@end@*/

/* для Safari */
if (/WebKit/i.test(navigator.userAgent)) { // условие для Safari
var _timer = setInterval(function () {
if (/loaded|complete/.test(document.readyState)) {
clearInterval(_timer);
init(); // вызываем обработчик для onload
}
}, 10);
}

/* для остальных браузеров */
window.onload = init;
</script>

Edited October 20, 2010 by SCHNITZER

[Great Rash]

Вам надо убрать весь код кроме части с window.onload. Тогда страница отобразится только после полной загрузки документа (включая картинки).

<script type="text/javascript">


// Dean Edwards/Matthias Miller/John Resig

function init() {
// выходим, если функция уже выполнялась
if (arguments.callee.done) return;

// устанавливаем флаг, чтобы функция не исполнялась дважды
arguments.callee.done = true;

$('.main').show();
};

window.onload = init;
</script>

[SCHNITZER]

Спасибо! Проблема оказалась в том, что я запускал файл html с компа, даже не с локального сервера. Вот и не работало. Когда загрузил ваш вариант на сайт, все пошло как надо.