PreloadJS - Précharger et ajouter

Question

J'ai créé un script dans lequel la liste d'images fournie est chargée, fonctionnant comme il se doit. Maintenant c'est ma question principale:

Si je veux employer ceci pour le site de brochure où je veux toutes les images de projet, fond de site etc. pour précharger et ajouter l'image pour placer où elles sont dans le HTML, y at-il solution déjà dans preloadjs ou est-ce que je dois dire aller à travers la page entière, obtenir des sources d'image et ajouter à chacun d'eux? Et est-il possible de combiner peut-être pour précharger certains actifs que vous utilisez en CSS ou est-ce que je demande l'impossible ou plutôt difficile à faire? Si cela est possible, vous n'avez pas à m'envoyer de code, juste des étapes pour le faire (même si le code ne me ferait pas de mal).

Peut-être que je ne comprends pas exactement ce que preloadjs est, je ne peux pas vraiment trouver des exemples qui seront utiles pour moi, donc je demande ici, peut-être quelqu'un est prêt à me aider :)

Merci.

Answer 1

PreloadJS chargera des ressources pour que vous fassiez ce que vous voulez avec elles.

• images, audio, CSS, et d'autres types sont pré-chargés, et les références fournies afin que vous puissiez faire ce que vous voulez/besoin
• Les scripts sont ajoutés au corps de la page automatiquement

Jetez un oeil les échantillons qui viennent avec PreloadJS, qui vous montrent comment le contenu peut être chargé et utilisé: https://github.com/CreateJS/PreloadJS/

exemple simple:

var queue = new createjs.LoadQueue(); 
queue.on("complete", handleComplete); 
queue.loadManifest([ 
    {src:"image.png", id:"image"}, 
    {src:"script.js", id:"script"} 
]); 
function handleComplete(event) { 
    // Put the image into the body. 
    document.body.appendChild(queue.getResult("image")); 
} 

Espérons que cela vous aide. PreloadJS suppose une certaine connaissance du travail avec les assets et le DOM en JavaScript.