Hoe maak je een html screen loader?

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.