Un exemple d'écran de pré-téléchargement (loader) en javascript que j'ai trouvé ici et utilisé pour le site. Note: vous pouvez télécharger les fichiers css et js ici et ensuite tester le code avec une simple page html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="fakeLoader.css">
</head>
<body>
<div class="fakeloader"></div>
<a href="">click-me to test the loader</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="fakeLoader.js"></script>
<script>
$(document).ready(function(){
$(".fakeloader").fakeLoader({
timeToHide:150,
bgColor:"#34495e",
spinner:"spinner6"
});
});
</script>
</body>
</html>
Références
Liens | Site |
---|---|
joaopereirawd | github |
Full Screen Pre-Loader Using JQuery | youtube |
jsfiddle | jsfiddle |
How To Create A Custom Preloading Screen |