Un exemple d'écran de pré-téléchargement (loader) pour son site web en javascript

Published: 25 janvier 2019

DMCA.com Protection Status

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