イメージがロードされたときにjquery .load関数を使用する

Question

これで、すべてのイメージがページにロードされたときにjquery .load関数を使用してコードを実行したいと考えています。

jQuery("img").load(function() { 
    //run some code 
}); 

今のコードが実行されますが、私の質問ですが、ページ上のすべての画像の後に実行するコードがロードされますまたは最初の画像要素がロードされたコードの実行がなります。

私はjquery $(document).ready関数または `$（window）.load関数を使うことができますが、すべてがロードされると起動します。 イメージ要素が読み込まれたとき、およびフッター内のすべてのスクリプトが読み込まれる前に、コードを実行します。

誰でも、この問題に関する専門家の意見を交換してください。

乾杯

Answer 1

私はあなたの代わりに、IMGのの窓にロード機能を使用する必要がありますね：

$(window).on('load', function() { // makes sure the whole site is loaded 
 
    console.log("Everything loaded"); 
 
})

編集：ここでは、プリローダーの作業例を持っています。 https://codepen.io/niklausgerber/pen/MKrVdQ

Answer 2

代わりに画像を使用するウィンドウページのy要素が完全に読み込まれます。

jQueryの

$(window).on('load', function() { 
// do this 
}); 

または

$(window).load(function() { 
// do this 
});