2

現時点では、これに関する確実なコードを見つけることができないようですが、たとえば、JavaScript や JQuery を使用して Web ページ上のすべての画像をプリロードする方法を (可能であれば) 知りたいと思っていました。

画像がサイトにプリロードされている間に表示されるプリロード画面またはオーバーレイがあり、完了するとフェードアウトまたは非表示になる場合があります。これに関するヘルプ/指示は素晴らしいでしょう!

ありがとうございました！

4

4 に答える 4

1

これは私のプリローダーです。最初にプリローダーを表示し、ページ全体が読み込まれたら、プリローダーを非表示にしてコンテンツを表示します。これを試してみてください。非常にシンプルで簡単に変更できます。これは、デモとコード (~1 Kb) を含む私のブログ投稿へのリンクです: jquery を使用して Web サイトをプリロードします。

于 2012-11-16T00:23:58.423 に答える
1

画像のグループをロードするということですか (ギャラリーのように?)。もしそうなら、jQueryでこれを行うことができます。Image Loader プラグインを確認しましたか? それはあなたが望むことをするように見えます:

http://www.staticvoid.info/imageLoader/

これを実行する前にこれの上に div を配置し、complete() コールバックで削除するのは簡単です。

また、プラグインについても説明しているこの SO トピックを確認することもできます (これは、IMO の最良のオプションになります): JQuery は、スライドショーを開始する前にページの読み込みが完了するのを待ちますか?

于 2011-07-19T17:07:38.723 に答える
1

ページの読み込み中にスプラッシュ画面または読み込み画面を表示し、ページが完全に読み込まれたことを JQuery が通知したら、この画面を削除できます。このようなもの：

$(document).ready(function() {
  // add loader
});

$(window).load(function() {
    // remove loader
});
于 2011-07-19T17:02:02.423 に答える
0

これにより、WebサイトのCSSのすべての画像が自動的にプリロードされます： http ：//www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

これはユーザーにとって非常に煩わしいので、ロード画面は必要ないと思います。

于 2011-07-19T17:16:37.777 に答える