Bonjour,

Je suis désolé de vous déranger.

J'ai un petit soucis concernant un de mes loaders sur mon site...

Voici le code :

 <section class="loader">
     <div>
     <img src="load.svg" alt="Logo infini pour le chargement de la page">
     <p>
     Chargement de la page...
     </br>
     Veuillez pastienter...
     </p>
   </div>
   </section>
   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
   <script type="text/javascript">
   $(window).load(function() {
   	$(".loader").fadeOut("1000");
   })
   </script>
</section>

Et le CSS :

.loader{
position : fixed;
z-index: 9999;
/*background : url('loader.svg') 50% 50% no-repeat;*/
background-color: #2c3e50;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}
.loader div{
  color: #f39c12;
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loader div p{
  text-align: center;
}

Et sur mon serveur local (WAMP sous Windows 10), il n'y a aucun problème, le loader ne s'affiche que pendant le chargement mais dès que je l'ai uplaodé sur mon hébergement (OVH), le loader s'affiche continuellement, il ne s'arrête jamais sauf si on décoche cela :

Je souhaiterai l'éviter...

Le bogue est présent sur ce site :

https://www.thelastofusfrance.com/

Je vous remercie par avance de vos éventuelles pistes/aides

Bonne journée

Le sujet est résolu, il fallait réenregistrer le plugins jquery car il était en http, ce qui n'est pas sécurisé.

-
Edité par Maxime L 15 février 2019 à 14:45:53