Précharger toutes les images sur un site Web avec JQuery ou Javascript

Je n'arrive pas à trouver de code solide pour le moment, mais je voulais savoir (si possible) comment avoir toutes les images sur une page préchargée avec JavaScript ou JQuery, par exemple.Précharger toutes les images sur un site Web avec JQuery ou Javascript

Peut-être avoir un écran de pré-chargement ou de superposition qui s'affiche lorsque les images sont préchargées sur le site, puis disparaît ou disparaît une fois terminé. Toute aide/direction à ce sujet serait incroyable!

Merci!

Source

2011-07-19 The Fragile Machine

Vous pouvez afficher un écran de démarrage ou un écran de chargement pendant le chargement de la page, puis supprimer cet écran lorsque JQuery vous indique que la page a été entièrement chargée. Quelque chose comme ceci:

$(document).ready(function() { 
    // add loader 
}); 

$(window).load(function() { 
    // remove loader 
});

Source

2011-07-19 17:02:02 slandau

cela semble fonctionner comme si (pour l'instant) '$ ("document"). Ready (function() { \t \t \t \t \t \t \t $ ("page div #") CACHER();. \t \t \t \t \t \t \t }); $ ("fenêtre") prêt (function() { \t \t \t \t \t \t $ ("page div #") show();. \t \t \t \t \t \t });. » Est-ce que c'est ce que vous disiez? –

Vous devriez vraiment utiliser $ (window) .load au lieu de $ (window) .ready pour vous assurer que toutes les images sont chargées. – slandau

ahhh ok merci! –

Voulez-vous dire le chargement d'un groupe d'images (comme une galerie?). Si oui, alors vous pouvez le faire avec jQuery. Avez-vous vérifié le plugin Image Loader? On dirait qu'il ferait ce que vous voulez:

http://www.staticvoid.info/imageLoader/

Il serait trivial de mettre un div sur le dessus de cette avant de l'exécuter, puis retirez-le dans le rappel complet().

Vous pouvez également consulter ce sujet SO qui parle aussi un plug-in (qui va être votre meilleure option, OMI): JQuery wait for page to finish loading before starting the slideshow?

Source

2011-07-19 17:07:38 mrturtle

bonnes choses merci –

Cela précharger toutes les images en CSS pour votre site web automatiquement: http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

Je ne pense pas que vous devriez avoir un écran de chargement, car ce serait très ennuyeux pour vos utilisateurs.

Source

2011-07-19 17:16:37

c'est cool, je vais essayer ça aussi! Je vous remercie! –

Ceci est mon pré-chargeur. Afficher le préchargeur en premier, et lorsque la page entière est chargée, masquer le préchargeur et afficher le contenu. Essayez ceci, c'est très simple et facile à changer. Ceci est un lien vers mon blog avec démo et code (~ 1 Kb): Preload web site using jquery

Source

2012-11-16 00:23:58 Aleksandar

Précharger toutes les images sur un site Web avec JQuery ou Javascript

Répondre

Questions connexes