Jquery - charge certaine image d'abord

Question

J'ai une question. J'utilise le plugin Cycle sur mon site pour un diaporama. Il y a une quantité décente d'images en cours de chargement. J'utilise également une technique pour redimensionner mon image d'arrière-plan en fonction des dimensions de la fenêtre afin que l'image ne soit pas démesurée.

Maintenant, je veux m'assurer que l'image de fond se charge en PREMIER (donc directement au chargement de la page) AVANT que l'une des autres images du diaporama ne commence à se charger. Pour l'instant, mon backgroundimage est parti (il n'a pas encore été chargé et est remplacé par la vraie couleur de fond dans la balise body css) jusqu'à ce que le diaporama soit chargé.

Est-il possible de le faire?

Merci beaucoup!

Answer 1

Vous pouvez utiliser un rappel ajax pour retarder jusqu'à ce que l'image de fond est chargé

$.ajax({ url: "backgroundimage.png", success: function(){ 
     startSlideshow() 
}});