<style type="text/css"> #loading {POSITION: absolute; TOP:0; LEFT:0; Z-INDEX: 80000; WIDTH: 100%; HEIGHT: 100%;} </style> <div id="loading"> <table width="100%" height="100%"> <tr><td align="center" valign="middle"> Подождите пожалуйста... </td></tr> </table> </div>
и невидимый рабочий слой
<style type="text/css"> #logo {POSITION: absolute; TOP:50; LEFT:150; VISIBILITY: hidden; Z-INDEX: 84000; WIDTH: 360px; HEIGHT: 280px;} </style> <div id="logo"> <img src="../images/biglogo.gif" width=359 height=279 border=0> </div>
Теперь в тэге body вызовем функцию прятания слоя loading и показа слоя logo
<body onload="init();hideLayer('loading');showLayer('logo');">