IMHO.WS - Загрузка страницы

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - Загрузка страницы (http://www.imho.ws/showthread.php?t=68270)

Загрузка страницы

Когда заходишь на сайт,видишь перед собой картинку или надпись "Loading" или "Загрузка",когда она исчезает появляется уже полная страница. Повторю, пока грузится страница висит картинка,после полной загрузки страници,картинка исчезает,появляется сайт. Видел на многих Варез и не только сайтах,сам хотел разобраться, но не понял и не получилось(ламер). Кому не лень,обьясните,как подобное сделать...

Ламерам ламерская смерть ;)
Если не в лом разобраться самому могу подтолкнуть на мысль.
Есть у тега body параметр onload в который можно засунуть функцию которая исполняется при полной загрузке html документа. Далее в css прописываем body {visibility: hidden} (ну или что-то вроде, для того чтобы показывалось мессадж "loading" надо совсем еще малость подумать.
а потом в самом теге body прописать <body onload="showcontent()">, showcontent() будет java-script фукцией типа такой:
function showcontent() {
document.body.visible = True;
}

Да, сам я е пробовал. Скорее даже не все будет работать. Посмотри как это реализовано в тех варезных сайтах.

Попробовал,не получилось. На других сайтах много лишнего и не поймешь что оставить,а что выкинуть. Смерть Ламерам!

Ну вот так например работает (под IE)

Код:

<html>

<head>

<style>

#content {visibility: hidden;}

#loadingmsg {position: absolute;}

</style>

<script>



function showcontent() {

document.all["loadingmsg"].style.visibility = "hidden";

document.all["content"].style.visibility = "visible";

}

</script>

<head>

<body onload="showcontent()">

<div id="loadingmsg">

Loading...

</div>

<div id="content">

bla bla bla bla bla bal bal

</div>

</body>

</html>

Lammers, go home!

Вот так даже правильнее будет. С display: none

Код:

<html>

<head>

<style>

#content {display: none;}

table { height: 100%; width: 100%; }

td { text-align: center;  }

</style>

<script>

function showcontent() {

document.all["loadingmsg"].style.display = "none";

document.all["content"].style.display = "block";

}

</script>

</head>

<body onload="showcontent()">

<div id="loadingmsg">

<table><tr><td>Loading...</td></tr></table>

</div>

<div id="content">

<img src="http://www.laertsky.com/img/2003/mcd.jpg">

</div>

</body>

</html>

Шикарно! Попробовал 2ой, лишнее убрал и получил чудо!
Да,и про дэвушку после посищения МакДональдса предупредил бы, а то чуть весь мой обед не оказался на клаве ;)
Огромное тебе спасибо за помощь!

Цитата:

Сообщение от denver

Ну вот так например работает (под IE)

Насколько я понял - это относится к картинке, пока она грузиться, а как сделать так, чтобы сначала сайт весь загрузился, тока потом открылся, а не одна картинка,

ну так засунь весь сайт вовнутрь дива. неужели так сложно догадатся?

Цитата:

Сообщение от joker99

ну так засунь весь сайт вовнутрь дива. неужели так сложно догадатся?

Ты может и сможешь это сделать, а я нет.

Цитата:

SOS:
Ты может и сможешь это сделать, а я нет.

Почему нет?

Вставлю свои 5 копеек :)
Замени <img src="http://www.laertsky.com/img/2003/mcd.jpg"> на то, что у тебя между тегами <body></body>. Если совсем никак - выкладывай html - попробую всунуть :)