Hoe maak je een html screen loader?

Als een website aan het laden is heb je meestal een wit beeld voor je. Ik wil dit graag zo maken dat je bijvoorbeeld een tandwieltje(gif image) hebt die dan rond draait tot dat de pagina helemaal gedraaid is.

Weet iemand hoe je dit maakt? Alvast bedankt!

Weet jij het antwoord?

/2500

Maak een div met zo'n animated gif en geef hem in je css de hoogste z-index, een achtergrond, anders kun je er doorheen kijken, een width en height van 100% en zorg ervoor dat position op fixed staat en top en left op 0px. Zorg er ook voor dat je die div bovenaan in je body zet, zodat deze zo snel mogelijk en vóór de rest van de body wordt geladen. Schrijf dan ergens in JavaScript, ná de link naar jQuery, het volgende: $(document).ready( $("#laadscherm").hide(); ); Zorg ervoor dat je de selector #laadscherm in de id of class van je div veranderd. De functie $(document).ready(); zorgt ervoor dat de code wordt uitgevoerd zodra de gehele pagina is geladen. De functie $("#laadscherm").hide(); zorgt ervoor dat je laadscherm verdwijnt, zodat je website zichtbaar wordt.

Stel zelf een vraag

Ben je op zoek naar het antwoord die ene vraag die je misschien al tijden achtervolgt?

/100