브라우저가 로딩 중임을 감지하는 방법

Question

사용자가 동일한 페이지에 큰 이미지를 표시 할 링크를 클릭하면 로딩 이미지를 표시하려고합니다.

페이지가 이미로드되어있는 동안 이미지로드를 감지하는 가장 좋은 방법은 궁금 해서요 (window.onload()가 작동하지 않음).

Answer 1

로드 자바 스크립트로 이미지 다음 이미지의 onLoad 속성을 사용할 수 있습니다

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

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

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

Answer 2

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

Answer 3

가에서는 setTimeout을 통해 로딩 이미지를 표시하는 귀하의 링크에 "온 클릭"이벤트를 추가합니다. 예 :

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

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