javascript - ブラウザがロードされているかどうかを検出する方法

Question

ユーザーが同じページに大きな画像を表示するリンクをクリックしたときに、読み込み中の画像を表示しようとしています。

ページがすでに読み込まれている間に画像の読み込みを検出する最善の方法は何だろうと思っていました（したがって、window.onload（）は機能しません）。

Answer 1

$("img.loader").show();
$("img.big").ready(function() {
  $("img.loader").hide();
}):

Answer 2

JavaScriptを使用して画像を読み込むと、画像のonLoad属性を使用できます。

Image1 = new Image();
Image1.src = 'photo.gif';

/* Code here to display loading hour glass etc */

Image1.onload = function() {
                           /* Image has loaded here */
                        }

Answer 3

リンクに「onclick」イベントを追加します。このイベントでは、setTimeoutを介して読み込み中の画像が表示されます。例えば

<a href="...some slow loading page" onclick="setTimeout(showLoading,1)">Link Text</a>

function showLoading() {
   // Code to show "Loading..."
}