Je sais que cette question a été posée plusieurs fois mais toutes les réponses semblent s'affronter. J'ai 500-600 images que je veux précharger et mettre dans un curseur. Quel serait le moyen le plus efficace pour y parvenir?Préchargement d'un grand nombre d'images
Encore des excuses si cela a déjà été répondu.
Merci
Jetez un oeil à ImageLoader.
Vous pouvez l'utiliser pour charger des images et garder une trace des images chargées. par exemple.
var imageLoader1 = new ImageLoader({
"images": [
{ "id":101, file: "path/image1.png" },
{ "id":102, file: "path/image2.png" }
],
"onAllLoaded":function() { alert("Images loaded"); }
});
Ceci est si vous voulez précharger toutes les images. Pour 600 images, vous ne devriez probablement pas faire cela.
Merci pour le lien, je vais vérifier et voir si cela peut aider! – Peter
La plupart du temps sur une page de 600 images, l'utilisateur le plus ne sera probablement pas voir tous les 600 .. vous devriez probablement charger les images si nécessaire. Que de nombreuses images tueraient votre bande passante.
Il n'y a aucun moyen efficace de précharger 600 images, comme le dit le commentaire, le chargement par la poste serait meilleur. Si vous devez les précharger tous, j'oublierais JS, et placez simplement les images dans un élément de votre page et placez cet élément hors de l'écran, comme à gauche: -5000px etc. (affichage: aucun ne sera pas travail).
Ouais je pense que le chargement paresseux sera la meilleure option, je ne l'ai jamais fait auparavant. – Peter
Pourquoi ne pas implémenter le chargement paresseux à la place? Le préchargement de 600 imgs est excessif ... – elclanrs
utilisez AJAX pour charger les images quand vous allez à la diapositive suivante/précédente –