내 응용 프로그램의 모든 페이지에 페이지 프리 로더를 포함하고 싶습니다. Gmail이 백그라운드에서 전체 페이지를로드 할 때 표시되는 것과 같은 것입니다. 프리 로딩 바는 백그라운드에서 전체 페이지가로드되고로드가 성공적으로 이루어지면 바로 미리로드되는 메시지를 표시하는 메커니즘을 원하지 않습니다. 예는PHP 페이지 용 페이지 프리 로더를 어떻게 만듭니 까?
테이크 사이트 : http://www.emirates.com/ae/english/ 그냥 어떤 비행에 대한 검색을 실행 - 당신은 TEH 페이지가로드 된 후 사전로드 메시지를 참조하십시오. 여기서 리디렉션이 표시되지 않습니다.
어떻게 구현하나요? 내 사이트는 php와 tonnes javascript를 사용하여 만들어졌습니다.
< 본문 > 요소의 모든 내용에 대해 래퍼 DIV 요소를 사용하고 CSS visibility 속성을 통해 숨길 것입니다. javascript와 함께 작업했는데 결국에는 DIV 요소를 표시합니다. 프리 로더는 DIV 요소가 표시 될 때 절대적으로 배치되고 숨겨집니다.
가시성 속성을 사용하면 값으로 변경하면 레이아웃이 준비가 될 것입니다 장점이있다 볼 수 (안 재산 display와 같은)
편집 : 나는 거의 항상 사전을 피할 수 있다고 생각 로더. 인덱스로 SQL 쿼리 속도를 높일 수 있습니다. 적은 결과를 표시하는 등. 나는 개인적으로 기다리는 것을 좋아하지 않으며 프리 로더는 나를별로 위로하지 않습니다.
귀하의 HTML은 미리로드되는 메시지를 작성한 다음 자바 스크립트 onload 이벤트를 설정합니다. 이 이벤트는 JavaScript 코드를 호출하여 AJAX를 통해 필요한 모든 데이터를로드 한 다음로드 메시지를 숨기고 실제 페이지를 표시합니다. 물론
이없이 자바 스크립트를 가진 사람들이 문제가있는 것을 의미합니다 - 당신이 그들을 위해 뭔가를 정렬하거나 당신이 그들없이 살 수있는 결정해야합니다.
ADD : 아, 그리고 당신이 그들없이 살 수를 결정하기 전에 해당 국가의 장애인 법을 확인 할 수 있습니다 - 당신은 장애인에 대한 귀하의 사이트에 액세스 할 수 있도록 할 법적 책임이 있습니다. 나는 JS에 의존하는 사이트에서만이 기법을 사용 해왔다. 참고 GMail에는 JS 1 개와 일반 HTML 1 개로 구성된 2 개의 인터페이스가 있습니다. 이것이 그들이 서비스에 액세스 할 수있게하는 방법입니다.
ADD : http://code.google.com/p/bobchess/ 나는이 작업을 수행하는 수행 한 몇 가지 코드입니다. 응용 프로그램을 시작하기위한 로딩 메시지와 onload 이벤트.
내가 MartyIX에 동의하지만 문제는 시스템이 처리 할 수있는 쿼리의 수, 인덱싱 옵션이지만 서버에서 트랜잭션의 양에 따라 달라집니다. 액세스에 관한 법률 - 내가 생각하지 못했네 뭔가있어 우리가 비록 요점을 놓친 생각, 프리 로더 우리는 사이트를 아름답게하기위한 것, 그래서 그들은 :)
를 기다리는 동안 고객 못생긴 빈 페이지가 표시되지 않습니다 장애인에 의한 사이트. –