Welcome Loading ... Jquery가있는 페이지

Question

기본 페이지가 백그라운드로로드되는 동안 응용 프로그램로드 중 ... 응용 프로그램 정보 ...와 같은 정보를 제공하는 시작 화면을 5 초 동안 구현하는 방법은 무엇입니까?

Answer 1

나는하도록 허용 생각 '로드 ...'페이지 - 예를 들면, 비즈니스 응용 프로그램 로그에 사용자 후 (:

는 ... 전 jQuery.load()보기 TurboTax 온라인을 생각해보십시오 ... '안전한 연결 설정'과 같은 말입니다. 아마도 사실은 아니지만 인터페이스 항목을로드하는 것일 수 있습니다.) 익명 사용자가 사이트를 방문 할 때마다 페이지를 표시하는 것이 가장 좋은 방법은 아닙니다.

jQuery BlockUI을 살펴보십시오. 그것은 유연하고 당신이 말하는 것을 할 수 있습니다.

Answer 2

실제로 백그라운드에서 해당 시간을 사용하여 실제로 미리로드를 수행하지 않는 한 최종 사용자의 관점에서이 방법을 제안합니다. 나는 개인적으로 웹 사이트에 갈 때 내가 원하는 콘텐츠에 실제로 도달하기 전에 어떤 종류의 소개를해야만한다는 것을 성가 시게 느낄 것이다.

내가 플래시로 제작 된 웹 사이트 또는 플래시 스플래시 페이지를 단순히 포함하는 웹 사이트를 싫어하는 이유가 여기에 있습니다.

편집 : 리소스 집약적 인 경우가 아니면 기본 페이지의로드가 "사전로드"규모에서 많은 것을 충족해야한다고 생각하지 않습니다. 다시 말하지만, 이것들은 제 의견 일뿐입니다.

편집 # 2 : 귀하의 웹 사이트 방문자가 5 초 내에 머물러 있는지 또는 5 초 내에 근거를 두어야 할지를 결정할 수도 있습니다. 인터넷을 사용하는 사람들은 과실 초파리에주의를 기울이는 경향이 있으며 콘텐츠에 실제로 도달하기 전에이를 보류 패턴으로 바꾸는 것이 이러한 사용자를 잃을 수있는 좋은 방법임을 기억하십시오.

Answer 3

이론적으로 절대적으로 배치 된 오버레이로 페이지가로드 될 때 환영 메시지가 표시됩니다. 그런 다음 타이머를 킥오프 jQuery를 사용할 수 있습니다

$(document).ready(function(){ 
    setTimeout(function(){ 
     $('div#overlay').fadeOut(); 
    }, 5000); 
}); 

Answer 4

그때 @TheTXI, 그것은 CSS를 사용하여 "로드 ..."기본적으로 표시 화면을 사용하는 것입니다 할 수있는 가장 좋은 방법 및 동의하지만 고정 된 시간 동안 대기하는 대신 jQuery를 사용하여 모든 것을로드 한 후에 숨 깁니다. 어떤 경우에는

$(document).ready(function(){ 
    $("body img:last").load($("#welcome-screen").fadeOut()); 
    }); 

Answer 5

미래에이를 발견 한 사람을 위해, 나는 더 우아한 솔루션을 발견했습니다.

이

$(document).ready(function(){ 
    $(window).load(function() {$("#welcome").fadeOut('fast'); }) 
});