0

リモート JSON ファイルから画像 (画像リンク) をフェッチし、各画像のサムネイルを生成し (JSON から取得した画像は小さすぎるため)、最終的にユーザーにダンプする画像ギャラリーがあります。それが行われている間、ユーザーは何が起こっているのかわかりません。すべてのサムネイルが生成されるまで、空白の「白い」ページが表示されます。

ユーザーがギャラリーを開いたときに、画像がロードされていることを(「ロード中」のスピナーGIFを介して)確認できるようにギャラリーを実装するにはどうすればよいでしょうか。サムネイルが生成されるとすぐにスピナーを交換し、他のものがロードされるのを待たずにその場所に座ります。

これは、私が達成しようとしていることの視覚的な例です。注: これは NSFW である場合とそうでない場合があります。注意してください。

4

1 に答える 1

0

サイト(あなたが提供したリンク)では、JSON-answerはjson-viewのhtmlコードであり、次のようになります。

..<li><a href='...'><img src="link-to-thumb"/></a></li>
<li><a href='...'><img src="link-to-thumb"/></a></li>
<li><a href='...'><img src="link-to-thumb"/></a></li>...

json-answerが来たら、javascriptはこのコードをブロックの最後に追加します。画像にはbackgorund-image-"loading"spinnergifがあります。画像が読み込まれると、そのビューが背景を上書きします。サムネイルは1回生成されます:最初のロード時に、サムネイルフォルダに保存されます。次回、画像が変更されず、サムネイルが削除されなかった場合-サムネイルを生成せずにロードします

于 2013-01-31T11:40:08.787 に答える