問題タブ [image-preloader]

これが私の状況です。60fpsのアニメーションになるように、2000枚の画像をプリロードして順番に表示する必要があります。現在、OpenGLを使用してbmpファイルをロードしていますが、メモリの制限により、最大500以上の画像しかプリロードできません。どうすればこの問題を解決できますか？これまでのところ、2つの解決策を考え出すことができます。まず、メモリを節約するために8ビットのbmpイメージをロードできるかもしれません。しかし、glDrawPixelsを使用するのは困難です。次に、可能であればjpegを直接ロードできますか？アドバイスありがとうございます！

ビデオを使用しない理由は、コードに示されているように、1つ以上の画像をスキップしてアニメーション速度を変更する必要があるためです（imgCount + = stp; // stpは、エスケープする画像の数を意味します。ビデオを高速化できます）。そして私のアニメーションでは、フレームレートが重要であり、FPSが50未満の場合はちらつきが見られます。

コードは次のとおりです。

画像のシーケンス、表示コードを表示します。

いくつかの画像があるWebアプリケーションを入手しました。

開始時にページにオーバーレイを表示し、すべての画像の読み込み時に自動的にフェードアウトします。

私はこのようなものが必要です

その大まかなコード

助けてください...私はこれを試しました..しかし動作しません..

こんにちは、JS または jQuery での画像のプリロードについて質問があります。私が持っているのは、基本的に 16 回繰り返したい 1 つの画像です。

構造。私は基本的にこのようにリストに挿入することから始めました。

私のHTMLで16回。動作しますが、あまりきれいでも効率的でもありません。js に画像をプリロードしてから、HTML リストに挿入したい場合。ここでそれを行ういくつかの異なる方法を見つけました。

ここでそれらはキャッシュされますが、その後、li に入れる必要があります。良い提案はありますか?! JS と jQuery の両方の例を歓迎します。

ありがとう！

私はアプリを構築しています-フラッシュからhtml/jsに変換され、jQueryを使用しています。ページ/シーンはajaxを介してプルされ、これらがロードされるまで「ロード」オーバーレイを配置しますが、さらに次のページと前のページの画像をプリロードしたいと思います。

だから私はajax経由でpage-5.phpをプルし、ユーザーのために物事をスピードアップするために4/6ページのバックグラウンドで画像をプリロードする必要があります。

画像の配列を挿入できるプリロード関数があります。トリッキーなビットは、ajaxを使用してpage-6.phpのすべての画像のsrcを検索することです。

したがって、次の呼び出しが必要です。--page-6.phpですべての画像を検索し、それらのsrcを配列に取り込みます。可能？

画像を含む各ページの配列を非表示にしてこれを取得できると思いますが、すべてを動的に保ちたいと思います。

任意の考え/助けていただければ幸いです。

画像要素にURLを割り当てるときに、読み込みアイコンを表示する必要があります。私はこのサイトの他の質問を見てきましたが、ページをロードするときに画像の優雅なプリローダーを表示する方法についてのみ詳しく説明しています。私が必要としているのは、ページがロードされた後にプリローダーを表示することです。私が探しているものには2つのシナリオがあり、以下で説明します。

1. DOM画像要素を動的に作成し、この要素にURLを割り当てます。その間、要素に画像が表示されるまでに約2〜3秒かかり、その領域は2〜3秒間空白になります。私がする必要があるのは、プリロードアイコンを表示し、画像がロードされたらそれを非表示にすることです。

2. DIV画像要素を動的に作成し、URLをに割り当てますbackground:url()。その間、要素に画像が表示されるまでに約2〜3秒かかり、その領域は2〜3秒間空白になります。私がする必要があるのは、プリロードアイコンを表示し、画像がロードされたらそれを非表示にすることです。

両方のシナリオでプリローダーを表示するにはどうすればよいですか？

私のこのプリロード スニペットの何が問題なのか本当にわかりません。if ステートメントが機能しないように、loadingWrapper が消えても問題ありません。誰もが問題を見つけられることを願っています:

誰かがこの問題について私に手を差し伸べてくれることを願っています。ご挨拶。

jquery isotope と無限スクロールを使用しており、画像プリローダーを使用したい

私が使用している画像プリローダーはこれです: Image preloader

ページ 1 では完全に機能しますが、無限にスクロールされたアイテムに対して起動しないため、これをアイソトープ コールバック内のどこかに配置する必要がありますが、どこでしょうか? 何か案は？

これは私が使用する同位体コールバック コードです。

マウス ホバーとマウス アウトで別の背景画像を表示するページにアンカーがあります。マウスのホバー/アウト時にサーバーから画像のちらつきや再要求を避けるために、画像をプリロードしました。スクリプトは IE8/FF では問題なく動作しますが、Chrome では動作が異なります。Chrome の最新バージョンでは、初めてアンカーにカーソルを合わせると、サーバーから画像が再要求され、ちらつきが発生します。これはなぜですか? マウスのホバー/アウトの成功は正常に機能し、ちらつきはありません。

以下のコード:

アンカーを画像に変換しましたが、Chrome ではまだ機能しません:

css 背景画像のプリローダーを機能させるのに問題があります。状況は次のとおりです。いくつかの隠し要素があり、それぞれに css 背景画像があります。

ユーザーが「開始」ボタンをクリックすると、jquery を使用して要素を表示します (1 つが表示されると、もう 1 つが非表示になります)。ただし、「開始」ボタンは、すべての画像がロードされた後にのみ使用可能にする必要があります。

私はこのプリローダーを使用しています：

ただし、これは 1 つのイメージのみをロードします。

他のコードもいくつか試しましたが、結果はありませんでした。画像プリローダーは実際に css バックグラウンド画像で動作する必要がありますか? それともタグ専用ですか？