2016-09-23 3 views
0

제공되는 이미지 목록이 모두로드되는 스크립트를 만들었습니다. 이제는 이것이 내 주요 질문입니다 :PreloadJS - 사전로드 및 추가

제가 이것을 프로젝트 사이트, 사이트 배경 등 모든 프로젝트 이미지를 원하는 곳에서 사용하고 싶다면, 이미지가 HTML에있는 위치에 미리로드하고 추가하는 것이 좋습니다. 솔루션은 이미 preloadjs에 있습니까? 아니면 전체 페이지로 이동하여 이미지 소스를 얻고 그 중 하나 하나를 추가한다고 말합니까? 그리고 어쩌면 CSS에 사용하는 일부 자산을 미리로드하거나 불가능하거나 어려운 일을하는 것을 조합하는 것이 가능합니까? 이 중 하나가 가능하다면 코드를 보내지 않아도됩니다 (코드가 나를 해가되지는 않지만).

어쩌면 난 그냥 정확히 preloadjs, 난 정말 내가 여기 물어 내게 도움이 될 것입니다 예를 찾을 수없는 무엇을 이해하지 못하고, 어쩌면 누군가가 나에게 :)

감사합니다 도움을하고자합니다.

답변

0

PreloadJS는 원하는 것을 수행 할 수 있도록 자산을로드합니다.

  • 이미지, 당신은/원하는
  • 스크립트 페이지 본문에 추가됩니다 필요가 무엇을 할 수 있도록 제공되는 오디오, CSS, 그리고 다른 종류의 사전로드하고, 참조는 자동으로

은 보라 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")); 
} 
0 내용을로드하고 사용하는 방법을 보여 PreloadJS와 함께 제공되는 샘플에서

도움이되는 희망입니다. PreloadJS는 JavaScript에서 애셋 및 DOM 작업에 대한 지식이 있다고 가정합니다.

+0

감사합니다. 따라서 웹 사이트의 모든 이미지를 미리로드하려면 먼저 경로를 먼저 명시해야하고로드하고로드해야합니다. 이게 정말 JS JS와 함께 많은 일을하지만 어디 웹 사이트에 대한 자산을로드하는 데 매우 실용적 볼 수 없어 일부 웹 게임을 말하자면 유용하게 볼 수 있습니다 ... 나는 jquery html5 로더를 시도했지만 그렇지 않습니다 내가 원했던 것처럼로드 진행률을 가지고 있지만,이 스크립트는 웹 사이트에서 실제로 더 좋습니다. 제 생각에는 적어도. 내가 틀렸다면 나를 바로 잡으세요. :) 다시 고마워요. – Mil

+0

태그 로딩을 사용한다면, 당신은 당신의 사이트를 그대로 배치 할 수 있고, 이미지는 캐시에서 가져와야합니다. 주요 과제는 사전로드 코드가 DOM이 아닌 이미지를 가져 오도록하는 것입니다. – Lanny