2016-09-23 61 views
0

我製作了一個腳本,其中提供的圖像列表將全部加載,像它應該那樣工作。現在這是我的主要問題:PreloadJS - 預加載並追加

如果我想使用這個讓我們說我想要所有項目圖像,網站背景等組合網站。預加載和附加圖像到他們在html中的地方,是否有一些解決方案已經在preloadjs中,還是我不得不說讓我們去整個頁面,獲取圖像源並追加到它們中的每一個?是否有可能結合可能預加載你在CSS中使用的一些資產,或者我問不可能或很難做到?如果任何一種情況都是可能的,那麼您不必向我發送代碼,只需按照步驟操作即可(但代碼不會傷害到我)。

也許我只是不明白究竟是什麼preloadjs是,我真的不能找到例子,這將是對我有用的,所以我問這裏,也許有人願意幫我:)

感謝。

回答

0

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假設了一些使用JavaScript中的資產和DOM的知識。

+0

謝謝。所以,如果我現在想爲網站預先加載所有圖片,我必須首先將它們的路徑放入清單中,然後加載它們並將它們附加到它們應該在的位置?我可以看到這真的很有用,讓我們說一些網頁遊戲,你通常與JS一起工作很多,但是我不認爲它很適合爲網站加載資源......我試過jquery html5 loader,但它沒有有我想要的加載進度,但這個腳本確實對網站來說實際上更好,至少在我看來。請糾正我,如果我錯了:)再次感謝您 – Mil

+0

如果您使用標記加載,您可以按原樣佈局您的網站,圖像應該從緩存中拉出。主要的挑戰是確保您的預載代碼獲取圖像,而不是DOM。 – Lanny