Chargement div pendant celui des éléments de page

[zemage]

Bonsoir, je cherche à placer un div de 4000 px / 4000 px sur une page web et mettre dedans une image : exemple : chargement de la page merci de patienter.
Sachant que ma page contient plein de div, j'ai essayé de mettre ceci :

<script type="text/javascript">
function afficher()
{
document.getElementById("precharge").style.visibility="visible";
}
</script> 
</head>
<body onload="afficher()">    
<div id="precharge" style="z-index: 120;left: 0px; top:0px; background:#000000;width: 4000;position: absolute;height: 4000">
<img src="images/chargement.gif" border="0">
</div>

... et à la fin

<script type="text/javascript">
document.getElementById("precharge").style.visibility="hidden";
</script> 
</body>

Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !!
Si quelqu'un aurait une solution, merci.

 

[guicara]

Et pourquoi ne pas mettre des images mais des couleurs de fond ?

 

[zemage]

Et pourquoi ne pas mettre des images mais des couleurs de fond ?

C'est à dire je ne vois pas comment interférer sur le chargement de la page?

 

[JulienCD]

(...)
<script type="text/javascript">
function hide_precharge() {
	document.getElementById('precharge').style.display='none';
}
if (window.attachEvent) { eval("window.attachEvent('onload',hide_precharge);"); } 
else { eval("window.addEventListener('load',hide_precharge,false);"); }
</script>
</head>

<body>

<div id="precharge" style="z-index:120;background:#000;width:100%;height:100%;position:absolute;display:block">
	<img src="images/chargement.gif" border="0">
</div> 
(...)

non ?

 

[guicara]

Tu me dit 'Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !! ' alors au lieu de mettres des images, mais un background

 

[zemage]

JulienCD : le script marche parfaitement je te remercie.

Tu me dit 'Mais forcément marche pas car les images sont plus lentes à charger que le script de la page !! ' alors au lieu de mettres des images, mais un background

Ok je viens de comprendre.
Merci @ vous 2.

 

[guicara]

De rien !
Et bonne chance

 

[zemage]

Ce script fonctionne bien, par contre quand j'ai une boite select sur la page, la boite select s'affiche avant et donc ne se met pas en arrière plan.
Connaissez-vous un code qui permette de cacher ce select tout comme le reste ? Merci.