如何检测浏览器是否正在加载

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显示您的加载图片。 E.g。

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

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