[解決済み] ダウンロード中にローディングイメージを表示させる方法 [重複]。

質問

ブラウザで画像をレンダリングするのに時間がかかることがある。私は、実際の画像がダウンロードされている間、ビジー画像を表示し、画像がダウンロードされると、ビジー画像が削除され、実際の画像が表示されるようにしたいと思います。JQueryまたは任意のjavascriptでこれを行うにはどうすればよいですか？

どのように解決するのですか？

次のようにすればよいでしょう。

// show loading image
$('#loader_img').show();

// main image loaded ?
$('#main_img').on('load', function(){
  // hide/remove the loading image
  $('#loader_img').hide();
});

を指定します。 load イベントを画像に割り当て、画像の読み込みが完了したときに発行します。その前に、ローダー画像を表示することができます。