PreloadJS - preload и append

Question

Я сделал сценарий, в котором предоставленный список изображений загрузит все, работая так, как должно. Теперь это мой главный вопрос:

Если я хочу использовать это, скажем, портфолио, где я хочу, чтобы все изображения проекта, фон сайта и т. Д., Чтобы предварительно загрузить и добавить изображение, чтобы разместить там, где они находятся в html, есть ли некоторые решение уже в preloadjs, или я должен сказать, идти через всю страницу, получать источники изображения и добавлять к каждому из них? И возможно ли комбинировать, возможно, предварительно загрузить некоторые активы, которые вы используете в css, или я прошу сделать невозможное или довольно сложно? Если это возможно, вам не нужно отправлять мне код, просто сделайте так, как бы вы это сделали (хотя код мне не повредил).

Может быть, я просто не понимаю, за что именно preloadjs есть, я не могу найти действительно примеры, которые будут полезны для меня, поэтому я спрашиваю здесь, может быть, кто-то готов помочь мне :)

Спасибо.

Answer 1

PreloadJS будет загружать активы для вас, чтобы делать то, что вы хотите с ними.

• изображения, аудио, CSS и другие типы поджаты, а также ссылки, предоставленные так что вы можете делать то, что вы хотите/нужно
• скриптов добавляются в тело страницы автоматически

Посмотри на образцах, которые приходят с PreloadJS, которые показывают, как контент может быть загружен и использованы: https://github.com/CreateJS/PreloadJS/

Простой пример:

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")); 
} 

Надеюсь, что это поможет. PreloadJS предполагает некоторое знание работы с активами и DOM в JavaScript.