Beste mensen,

Ik weet niet precies waar ik de topic moet plaatsen. dus ik dacht ik plaats hem maar hier. Ik ben naar het volgende opzoek. Een script dat eerst de hele pagina laad en dan in 1x weergeeft. dus niet eerst een plaatje hier en een blokje daar en nog wat tekst ergens. maar gewoon in 1x. Ik heb hier en daar al wat gezocht en ben op het volgende gekomen:

css/javascript

<style type="text/css">
<!--
#loading {
    width: 200px;
    height: 100px;
    background-color: #000000;
	color: #FFFFFF;
	font-family: Candara;
	font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -100px;
    text-align: center;
}
-->
</style>

<script type="text/javascript">
<!-- Begin

document.write('<div id="loading"><img src="sysimg/onload.gif" alt="laden.." /></div>');

window.onload=function(){

    document.getElementById("loading").style.display="none";

}

// End -->
</script>


Maar goed dit script werkt vrijwel alleen bij plaatjes want die weergeeft hij inderdaad in 1x maar de tekst en en achtergrond verschijnt al half in het begin.

De bedoeling is dat hij het plaatje "onlaod.gif" op een zwarte achtergrond in het midden weergeeft. En na het laden gelijk in een keer dus alles weergeeft.

Heeft iemand het een idee hoe ik dit script dusdanig kan veranderen dat dit werkt of een eventueel ander script heeft?

Bij voorbaat dank.
Het is op jou manier niet mogelijk. Want de browser bepaalt zelf wel welke hij als eerste op wil halen. Wat je hier (natuurlijk) wel kan doen is AJAX. Dus eerst de pagina en dan met Ajax de rest laden. (wel netjes en gescheiden) dan kan je de lader weergeven.
Heb je hier misschien een voorbeeld script van?
Ik kan wel een workaround bedenken maar of je er blij van wordt...

1. Standaard zet je de body op display:none met CSS.
2. Met Javascript maak je Image-objecten om deze te preloaden, ergens in je head doe je dit
3. Voeg een JS-event toe die getriggerd wordt als heel de HTML geladen is. Check of al je Images zijn geladen. Zo ja, zet body display weer terug en verschijnt alles in 1 keer

Ik vind je hele idee heel vies maar bovenstaand zou moeten werken. Toch zou ik dit hele idee achterwege laten als ik jou was.

Reageren