jquery - すべてのコンテンツをプリロード

Question

スライドショーのタイプで多数の画像とビデオを表示するページがありますが、開始する前に、ページ上のすべてのコンテンツが現在読み込まれているかどうかを確認したいと考えています。する

$(ウィンドウ).ロード()

ビデオを含むすべてのコンテンツが読み込まれたかどうかを確認しますか?

乾杯、ありがとう

Answer 1

$(window).load()ページがすべての画像を含めて完全にロードされているかどうかを確認します。jQueryの Web サイトに従ってください。

例: ページがグラフィックスを含めて完全にロードされたときに関数を実行します。$(window).load(function () { // run code });

基本的$(document).ready()に、HTML ドキュメントが完全に読み込まれて解析されているかどうかを確認し、$(window).load()すべてのリソースが要求され、(見つかった場合) Web ページに読み込まれるまで待機します。これにはすべての画像が含まれます。

ビデオがロードされた後に何かをしようとしている場合は、 を使用できますが$(window).load()、コールバック関数を使用することをお勧めします。YouTube、Vimeo、Brightcove などの API を使用している場合は、を使用するのではなく、それらのライブラリのコールバックを使用することをお勧めし$(window).load()ます。これは、リモート サーバーからビデオ データを取得する場合、jQuery (クライアント側) ビデオのストリーミングが終了したかどうかを本質的に知ることができます。ただし、jQuery は、リモート ソースへの接続に必要なスクリプトが読み込まれたかどうかを認識します。