Commentaires sur : Ajouter un loader pendant le chargement de vos pages web https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/ Développeur spécialiste WordPress à Bordeaux Sat, 03 Aug 2024 08:49:22 +0000 hourly 1 Par : Tibow Webdesign https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/#comment-6 Thu, 13 Oct 2016 13:28:13 +0000 http://localhost/myportfolio/?p=372#comment-6 En réponse à Totomatto.

Effectivement @TOTOMATTO, je vous suggère d’essayer sans l’appel suivant : $(document).ready
+1 TONY

]]> Par : tony https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/#comment-5 Wed, 12 Oct 2016 13:33:57 +0000 http://localhost/myportfolio/?p=372#comment-5 En réponse à Totomatto.

Je crois que c’est à cause du (document).ready qui exécute ta fonction quand le document est prêt. Or, tu veux l’exécuter avant ça…

]]> Par : Quentin https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/#comment-4 Thu, 06 Oct 2016 08:28:44 +0000 http://localhost/myportfolio/?p=372#comment-4 Bonjour,
Je voudrais adapter votre solution à un formulaire mais je me retrouve avec le loader qui bloque mon formulaire.
Serait-il possible que vous m’aidiez ? C’est pour un projet universitaire.
Merci d’avance cordialement.

]]> Par : Totomatto https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/#comment-3 Wed, 28 Sep 2016 16:27:29 +0000 http://localhost/myportfolio/?p=372#comment-3 Bonjour,
impossible de faire en sorte que le loader s’ouvre au chargement de la page et disparaisse une fois chargée, il est là tout le temps…
Voila mon code js, sur une page .js mise en lien dans mon head, sous le lien de la biblio jquery :
$(document).ready(function() {
$(window).load(function() {
$(“.loader”).hide(“3000”);
})
});
Mon code css:
.loader {
margin: 0 auto;
font-size: 10px;
position: fixed;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
Mon code html :
Loading…

]]> Par : robin https://thibautsoufflet.fr/blog/ajouter-loader-pendant-le-chargement-de-vos-pages-web/#comment-2 Mon, 04 Jul 2016 10:27:07 +0000 http://localhost/myportfolio/?p=372#comment-2 Merci 🙂 j’ajouterais le site suivant qui permet de créer des loaders : http://www.wifeo.com/generateur-loader-css-gratuit.php

]]>