2011-01-25 5 views
4

私は、以下のリンクに実装されているロジックを使用してイメージの並列プリロードを試みています。大量の画像をあらかじめロードする

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

私は現在、画像の20メガバイトの合計に相当する50キロバイトのファイルサイズの平均それぞれに350+の画像は、プリロードしようとしているイム、画像の膨大な量を持っています。私はキャンバスの描画のためのイメージが必要です。

上記の並列ダウンロードのロジックを使用して、ページ全体の読み込みを完了するために2分待っているブラウザの問題があります。時々、スクリプトを停止します。

ところで、現在20MBの画像が控えめな画像です。私は80MBに私の前にロードする必要がある画像のいくつかのセット!

このような量の画像をプリロードすることも実際的ですか?私は事前にロードする必要がある場合、私の要件に最も適したアプローチは何ですか?私は非平行にすべきですか?部分予圧はどうですか?

は、事前にありがとうございMXHR(マルチパートXHR)要求のための完全なユースケースです マーヴ

答えて

4

。つまり、serverscriptはイメージファイルを読み込み、base64文字列としてデコードし、そのイメージをブラウザにストリームします。 supplyJShelpはこの手法を使用していますが、現在のところjavacript &スタイルシートファイルのみです。とにかく、それはかなりモジュラーに設計されています、それはあなたが必要とする任意の画像タイプの機能を拡張するためには問題ありません。

あなた自身が気分を落とす気にならない場合は、心配しないでください。次の数日間、イメージの読み込み用にスクリプトを更新します。

+0

私はそのスクリプトを楽しみにしています:)しかし、今は私の問題のための迅速な解決策が必要な場合があります。ありがとう – Marvzz

+1

非常に良いソース。あなたは時間がある場合は、この場合のために何を修正するべきかに関するいくつかの箇条書きポイントを与えることができますか? – mVChr

+0

@mVChr:それは基本的に既存のコードからのコピー&ペーストだけです。新しいMIMEタイプのリスナーを追加するには、 'image/png'と言って、受信したそれぞれの画像で何かをしましょう。すぐに更新を気をつけてください。 – jAndy

関連する問題