표시 페이지가로드되기 전에 이미지로드

Question

전체 페이지의 내용이로드되기 전에 로딩 이미지를 표시하려고합니다. 이것을 달성하는 방법? 나는 ASP.NET에서 일하고있다.

감사합니다. NLV

Answer 1

당신은 초기에 HTML에서 보여주는 이미지가 다음과 같은 페이지가로드 할 때 숨길해야합니다

자바 스크립트가 :

window.onload = function() { 
    document.getElementById('loadingImageIDHere').style.display = 'none'; 
}; 

편집이 : 영업 이익은 '자바 스크립트로이 질문에 태그 ','jquery '!!

Answer 2

이 작업을 수행하려면 자바 스크립트를 사용해야합니다. 내 기본 설정은 jQuery입니다. jQuery에는 페이지가 완전히로드 될 때 실행되는 함수가 있으므로 주 콘텐츠 div의 CSS 속성을 display : none으로 설정하고 DOM 준비가되면 콘텐츠를 표시하기 위해 jQuery를 사용할 수 있습니다.

$(document).ready(function() { 
    $("#myContent").css("display", "block"); 
}); 

Answer 3

내 개인적인 취향은 모든 페이지에 미리로드 된 이미지를 표시 한 다음 jQuery를 사용하여 페이지가로드 된 후 이미지를 숨기는 것입니다. $(document).ready 또는 $(window).load을 사용할지 여부는 전적으로 귀하에게 달려 있습니다.

// assumes you already have a DIV#preloader container on your page centered with a loading image inside 
// of it 
$(document).ready(function() { 
    $("#preloader").hide(); 
}); 

$(window).load(function() { 
    $("#preloader").hide(); 
});