PreloadJSについて

Question

PreloadJSを使って、ローダーclassみたいなものを設計しているのですが、下記についてご意見をください。

不明な点

• HTMLなどのファイルはPreloadJSではどうするか

PreloadJSでhtmlをマニフェストにいれてロードしようとすると

manifest: [
    { src: "***.png" },
    { src: "***.html" },
    { src: "***.jpg" }
]

htmlはtextとして扱われて、ロードするようです。

onFileLoaded(e){
    console.log(e.item.type);//'text'
}

ただ、例えばA.htmlの中にいくつかの画像・動画があるとして、
そのhtmlおよびhtml内要素のロードも感知させたい、
といった場合はどのように考えるべきでしょうか？

そもそもPreloadJSの範疇を超えていますでしょうか？

よろしくお願い致します。

Answer 1

html をプリロードしてその後どう使うかによると思うのですが、単純に iframe で読み込んで load イベントを拾うのが早いと思います。

【jQuery iframeの読み込み完了後のタイミングで処理を実行する方法 | Stronghold】
http://zxcvbnmnbvcxz.com/jquery-iframe-loaded/

また、テキストで受け取ったHTMLから要素を読み込んでそれを順次読み込むという手段も有るとは思います。

Comments

[naomei]

kei344様
ご回答ありがとうございました。

おっしゃる通り、iframeのonloadイベントを利用する、
この方法が一番スマートでしたので、さっそく組み込みをさせていただきました！

PreloadJS側で一度htmlを読み込み、
読み込みが完了したらそのsrcを利用して、
疑似的にiframeを作成→iframe.onload→complete!

という流れで思い通りの処理ができました！
つくりたいLoaderに一歩近づくことができました。
ありがとうございます！