Pagina laden met een loader

Ik kan je zeker wel helpen, het is heel makkelijk te maken met Jquery (Soort plugin voor javascript)
Wat je doet je include eerst jquery zelf in de head van html, dit plaats je daar

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

Daarna maak jij een bestand aan bijv jquery.js, en die include je ook weer op dezelfde manier als jquery zelf

<script src="jquery.js">

Let op, je jquery.js moet pas nadat je jquery zelf hebt geinclude, anders werkt het niet (Dan ziet hij eerder je bestand, als de plugin)

Daarin zet je

$(document).ready(function(){
$('Zelfde als wat hieronder er in moet. je moet het hiden omdat het anders niet er in kan komen, dit kan je verbeteren door dit weg te halen, en in css display:none; te zetten, maar probeer eerst dit maar'').hide();
$('Joun div, bijv als hij als id menu heeft, doe je #menu, als hij in een class zit die je .menu').fadeIn(200, function(){


});
}):

Dat hoort als het goed is te werken, heb je problemen, of vragen kan je me altijd een pm sturen, of je skype

Citaat van Ferhat.Remory

Dit had ik al maar ben er niet tevreden van :p.

Heb de tutorial wat duidelijk gemaakt, maar je kan het altijd nog met andere effecten doen. zoals

$('').hide();  $('').slideToggle(380);

Je kan het ook doen met $('').css en dan bijv hem hiden, en hem via width hem laten uit klappen, (Met snelheid er bij).
Maar anders zal ik als ik jouw was zal ik hier na kijken http://www.codecademy.com/dashboard
En dan jquery, zijn echt nice tutorial, zo heb ik het in een avond geleerd.

Je hebt ook .onload bij jquery.

Citaat van bramieboy100

Je hebt ook .onload bij jquery.

$(document).ready(function(){ is als de pagina

Citaat van Michael.

$(document).ready(function(){ is als de pagina

Ferhat vraagt dit.

Citaat

Ik wil content dus eerst laten laden met zo'n loader image.

Citaat van bramieboy100

Ferhat vraagt dit.

Oh ik was de code vergeten af te maken.

1
2
3
4
5
6
$(document).ready(function(){
$('').hide();
$('').fadeIn(200, function(){
(Hier)
});
}):

Bij "hier" moet je bijv slideToggle doen met het content
dan komt het content nadat het menu is geladen.

Dit is absoluut niet de juiste manier om een pagina op deze manier in te laden. De enige manier om dit juist in te laden is door middel van een AJAX-call. Hierover kun je meer lezen op de volgende pagina's:

- http://johnveldboom.com/posts/…-until-script-is-finished
- http://api.jquery.com/load/

http://niklausgerber.com/blog/…jquery-website-preloader/
http://ricostacruz.com/nprogress/