Aフレーム：画像が読み込まれるまで実行を待つ方法を教えてください。

Question

私は助けが必要です。私はいくつかのAフレームのサイトをやっていて、バックグラウンド用の画像がロードされている場合にのみ起動する必要があります。ポイントは球面の背景で、360度は20000 x 20000 pxのように巨大ですので、10秒間何かかの画像が読み込まれます。それはインターネットの速度に依存します。広告背景が完全に読み込まれる前にアニメーションを実行する必要はありません。その後、背景とカメラの動きをいくつか追加しましたが、背景がロードされるまでにはすべて実行されます。それが絶対必要でない限り、私はjqueryをダウンロードしたくありません。何か案は？

Answer 1

window.onloadを使用すると、ブラウザのすべてがレンダリングされた後でスクリプトを実行することができます。

function myAwesomeAnimationScript() {...} 

window.onload = myAwesomeAnimationScript; 

スクリプト内のすべてのスクリプトを関数にラップし、単にそのイベントを処理するための参照を設定します。

これは基本的な例であり、あなたが他のハンドラを尊重し、よりエレガントな解決策が必要な場合は、指定されたイベントのために他のイベントハンドラを上書きしますがaddEventListener()

に見えます