javascript - すべての画像が完全に読み込まれるまで、いくつかの jQuery 関数を遅らせます

Question

ページ上のすべての画像の読み込みが完了するまで、jQuery / JavaScript 関数を遅らせるにはどうすればよいですか? 実は、私が話しているjQuery関数は、divのオフセット位置を設定するためのものです。問題は、画像が完全に読み込まれるとページのサイズが変更されるため、オフセットが正しくないことです。

jQuery 関数については、この質問を参照してください:ページの下部にある特定の場所で停止する固定 div に関する問題

Answer 1

onloadすべての画像または外部リソースがロードされた後に実行されるイベントを使用できます。

$(window).load(function(){
  // your code here, all images loaded
});

個々の画像にイベントを使用して、load画像が読み込まれたときにコードを実行することもできます。

$('img.ImageClass').load(function(){
  // The image loaded....
});

Answer 2

のような変数の下に関数を書くだけです

function newfunction(){
//put all the stuff here
}

その後、すべての画像ロードでこの関数を呼び出します

$('img').load(function(){
newfunction()
})

これから、新しい画像がロードされるたびに newfunction が呼び出されます。