Mon site Web est: https://365arts.me/
de sorte qu'il charge environ 16 mbs de photos (Oui, je sais que je suis stupide. Je vais essayer de le changer très bientôt, si quelqu'un pouvait me dire un moyen de réduire la taille de faire autre chose (comme un chargement dynamique uniquement en cas de besoin, si quelque chose comme ça existe) i «D être très reconnaissant). p>
J'ai ajouté un préchargeur pour celui-ci en utilisant: p>
[html]: p> et corruption [jQuery]: P > <script>
$(document).ready(function() {
//Preloader
$(window).on("load", function() {
preloaderFadeOutTime = 500;
function hidePreloader() {
var preloader = $('.spinner-wrapper');
preloader.fadeOut(preloaderFadeOutTime);
}
hidePreloader();
});
});</script>
3 Réponses :
Ceci peut fonctionner si vous êtes heureux avec pure JavaScript
Pouvez-vous s'il vous plaît expliquer ce que l'on entend par "DomContentOached"? Et quel code faites-vous référence lorsque vous dites que votre code est ici?
Les incendies d'événements «DomContenTenLoDed» lorsque le HTML initial a été chargé et analysé. Il s'agit d'une réponse générique, elle ne fait pas spécifiquement référence à un code particulier dans la question initiale, bien que cela soit utilisé dans l'événement «Charge» de la question originale, qui incendie même plus tard lors de l'événement de chargement de documents (il attend les images, feuilles de style, etc.). Plus d'infos Ici: développeur.mozilla.org/en-us/docs/ Web / Events / DomContentLoDaré
Votre code Je veux dire le code JavaScript qui vient et dit bonjour, et merci à Dev101 pour la note générale.
Ma première suggestion est de simplement se débarrasser de "Salut!" message puisque vous avez déjà une page de splash sous la forme du chargeur. Mais si vous voulez vraiment cette seconde page Splash, vous pouvez utiliser la jQuery ceci suppose que Vous n'avez pas besoin Vous devrez peut-être avoir un conteneur autour de tout votre contenu principal défini sur quand () méthode: displaysPlashPage () Votre fonction est-elle pour montrer le "Salut!" message. $ (document) .Ready () et fenêtre.on ("Charger") ici. Document Prêt attend que le HTML soit construit, applique ensuite les auditeurs / fonctions d'événement / etc. à la structure. Window Onload attend tout pour être chargé, puis se déclenche. Dans votre cas, vous essayez d'attendre que toutes vos images se chargent, vous n'avez donc besoin que de surcharger. Opacité: 0 qui passe à opacité: 1 dans le cadre de displaysPlashpage () . Cela empêcherait les choses de fuir que vous faites le .fadeout () sur le chargeur.
Version JavaScript - Exécutez le code JS lorsque tout est chargé + rendu jQuery version (si vous en avez besoin, pure JS) P> <script>
$(document).ready(function() {
$('.say-hello').delay(2800).fadeOut('slow');
});
</script>
Utilisez
loadstart etcharger événements si je me suis bien entendu ce que vous voulez faireConnectez-vous avec une indentation comme ça?