jQuery Girl
  1. jQuery Girl
  3. Précharger les images d’arrière-plan avec jQuery?
Intereting Posts
L’API Web permet à CORS de ne pas fonctionner Comment ajuster la position de l’info-bulle d’un Bootstrap pour un élément donné? L’interrogation longue AJAX ne fonctionne pas avec IE Faites glisser une image zoomée dans un masque de découpage div en utilisant jQuery draggable? Le titre de Fancybox 2 survole le changement de galerie Arborescence JQuery Checkbox Existe-t-il une différence entre $ (). Ready () et $ (document) .ready () erreur jquery ajax lors de l’utilisation de la fonction c # Comment utiliser une variable à la place de l’ID dans jQuery Changement de jQuery on () dans IE8 Caractère esperluette (&) dans une valeur de l’option de données de demande jQuery AJAX Utiliser Javascript pour créer un identifiant d’entrée dynamic Pourquoi utiliser window.navigator.userAgent pour récupérer le navigateur? Explorer 11 est reconnu comme étant Mozilla. Comment récupérer l’utilisateur angent et sa version? jQuery: Rotation d’éléments à travers un ensemble de classes Intellisense ne fonctionne pas pour JS dans VS2013

Précharger les images d’arrière-plan avec jQuery?

J’ai un div qui est actuellement réglé pour n’en afficher aucun. La Div a une image d’arrière-plan d’environ 5000 pixels de large et 2 000 pixels de haut.

Je bascule le div display attirbute avec jquery sur un clic de bouton uniquement avec l’image étant si grande que la div se charge et que l’image se charge 1/2 secondes après; Existe-t-il une fonction dans laquelle je peux afficher un préchargeur jusqu’à ce que l’image soit prête, puis l’afficher?

Merci

Essayez d’utiliser l’object Image javascript natif pour précharger l’image.

Pensez également à ne pas utiliser de telles images sur le Web, notamment en créant des carreaux.

Cette question a été postée il y a un moment et répondait simplement à l’aide de JavaScript javascript, mais peut être adaptée à votre scénario assez facilement.

Préchargement des images CSS 

 $(document).ready( function() { var c = new Image(); c.onload = function(){ $("#Your Div ID").css("background-image", "url(Path to Background Image)"); } c.src = "Path to Background Image"; });

essaye ça:

http://ditio.net/2010/02/14/jquery-preload-images-tutorial-and-example/