問題タブ [image-preloader]

ダウンロードの進行状況を追跡するようにプリローダーに命令するにはどうすればよいですか?

画像をキャッシュにロードし、完了時に別のページにリダイレクトするチュートリアルに出くわしました。私は画像の配列でこれを行いたいと思います。それらがすべて読み込まれると、新しいページにリダイレクトされます。これはチュートリアルでも言及されていますが、完全ではありません。私はそれを行うためにこのコードを再編成しようとしましたが、私は完全な JavaScript 初心者であるため、2 つを組み合わせて機能させることはできません。

ここにウェブサイトがあります http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

誰かがコードを投稿できれば、とても感謝しています。また、背景画像が大きいサイトのプリローダーとして使用すると、多くの人が役立つと思います。

乾杯

アップデート

ありがとうルーク、私は以下のコードを試しましたが、残念ながらまだ喜びはありません..何かアイデアはありますか???

引用符

画像のプリロードを介して30秒間読み込まれるクロスドメイン画像があります(1x1 gif ですが、サーバーは 30 秒後に返されます)。

Opera 以外のすべてのブラウザは、「読み込み中...」モードを表示しません。リンク、スクリプト、iframe、CSS による画像のプリロード - 同じ効果。

Operaで画像をプリロードしているときに「読み込み中...」モードを無効にする方法は?

ロールオーバー/ホバーなどのためにjquery uiアイコンをプリロードする最良の方法は何ですか?

JavaScript を使用して画像をプリロードしようとしています。さまざまな場所からの画像リンクを使用して、次のように配列を宣言しました。

この配列を使用して行っている画像のフェードおよび変換効果は、最初の 3 つの画像では適切に機能しますが、最後imageArray[3]の画像では、画像の実際の画像データがプリロードされず、効果が完全に損なわれます。データは後で読み込まれ、表示する必要があるときにのみ読み込まれるようです。

これは、最後のリンクhttp://www.iill.net/wp-content/uploads/images/hot-chick.jpgが画像への直接リンクではないために発生します。そのリンクにアクセスすると、ブラウザは実際の場所にリダイレクトします。これで、Chrome でのイメージのプリロード コードは完全に機能し、効果も見栄えがよくなりました。Chrome が実際のデータ (表示される EVENTUAL 画像) をプリロードしているように見えるためです。これは、Chrome で「帯域幅の盗用を停止する」ようにリダイレクトするイメージをプリロードした場合、プリロードされるイメージは「帯域幅の盗用を停止する」ことを意味します。

Firefox が同じように動作するようにコードを変更するにはどうすればよいですか?

Page_Load（）イベントでデータベースからdivにいくつかの画像を追加しています。これらの白黒画像の1つにカーソルを合わせると、カラー画像が表示されます。カラー画像をプリロードしたいのですが、問題があります。私の現在のコードはすべての画像をループし、以下を追加します。

画像へのパスはRegisterClientScriptBockどこにありますか。%s私はそれを体に追加して、または追加せずに試しましたが、どちらも機能していないようです。私が見ることができることから、これは画像をプリロードする方法のようですが、私は他の提案を受け入れています。その場でやっているので問題がありますか？

ありがとう。

こんにちは- JavaScript はほぼ初めてですが、いくつか質問があります。Page-1 に大量の画像をプリロードすると、Page-2 ですぐに使用できるようになりますか? Page-2 が jQuery プラグインを介してこれらの画像を表示する場合、同じルールが適用されますか? ありがとう！

OK、私はこれについて頭がおかしくなっています。私はここでSOとグーグルでそれについて読みました、私はプリローダーセット（ここでSOにあります）さえ持っています、しかし私が見つけたプラグイン/コードのどれも私を助けませんでした。

私がやりたいのは、すべての画像がプリロードされるまで待ってから、他のすべてのJavaScriptコードを実行することです。私に関する限り、「読み込み中...」というメッセージが表示される場合があります（必須ではありません）。

実際、私は体の背景にかなり大きな画像があり、他の2つの画像も大きいので、それらをプリロードして、すぐに表示され、その醜い「読み込み」画像効果がないようにします。

これは私が今使っているものですが、良くありません：

わかりません。おそらく、このプリローダーを.ready（）のどこかで呼び出す必要がありますか？またはそのようなsth、助けてください...

ところで、はい、私もこの投稿を読みました。理由はわかりませんが、.ready（）の方が高速です:(

編集：
わかりました、それで最終的に私はこれを機能させることができました。私の問題？待機中のdivを間違って設定していました。これが私のコードです。すべての上に表示する読み込みdivがあり、すべての画像が読み込まれると（$（window）.load（function（）{...}）を使用）、提案されているように、そのdivを非表示にします。

そして私のjQueryコードはこれです：

画像ファイルをサーバーにアップロードするための PHP スクリプトを作成していますが、いくつか質問があります。

画像のサイズをキロバイト単位で減らす方法はありますか?

これらのファイルを使用している場合、これらの画像をページに埋め込むベスト プラクティスは何ですか? つまり、常にページ全体をダウンロードする必要がありますか?

最後に、ページのサイズを変更するとき (250X250 ピクセルなど)、解像度の問題に直面しないようにするにはどうすればよいですか?

私の質問が一般的すぎないことを願っています。前もって感謝します！

jQuery で .load() を使用して html コンテンツをロードしていますが、このコンテンツには 3/4 の画像が埋め込まれています。成功イベントは、実際には画像ではなく、すべての html が読み込まれたときに .load() でのみ発生します。ページのコンテンツ全体をプリロードする方法を知っている人はいますか?

これは私の単純なコードです (残りの部分は完全なアプリにあります)。次のコード (つまり、page.html) をロードします。