GWT에서 이미지로드

Question

나는 "기다려주십시오 ..."와 같이 로딩 이미지를 보여줄 필요가있는 GWT 프로젝트에서 작업 해 왔습니다.

페이지가로드 될 때까지이 문제를 해결할 수있었습니다. 그러나 역사 토큰 변경 중에는 같은 것을 보여줄 수 없습니다. 또한, 아래

<div id="loader"> 
      <div id="loaderPanel"> 
      </div> 
      <div id="loaderImage"> 
       <div id="loaderText"> 
        <b>Please Wait...</b> 
       </div> 
       <img src="images/loader.gif"/> 
      </div> 
     </div> 

을 같이 여기이 내가 & 보이지 않는 DIV 볼 수 있도록하는 데 사용되는 코드의 조각 내 CSS

#loaderPanel { 
    background-color: white; 
    display: block; 
    height: 100%; 
    left: 0; 
    opacity: 0.8; 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 1001; 
} 


#loaderImage { 
    background-color: transparent; 
    left: 48%; 
    position: fixed; 
    top: 48%; 
    z-index: 1002; 
} 

#loaderImage img{ 
    height:22px; 
    margin-left:4px; 
    margin-top:0px; 
    width:119px; 
} 

#loaderText{ 
    font-family:'Verdana'; 
    font-weight:bold; 
    font-size:0.9em; 
    float:left; 
} 

이다, 부서를 만들었습니다.

DOM.getElementById("loader").getStyle().setDisplay(Display.NONE); 
DOM.getElementById("loader").getStyle().setDisplay(Display.BLOCK); 

내역 변경 사항을로드하는 GIF 이미지를 표시하는 더 좋은 방법을 제안 해 주실 수 있습니까?

Answer 1

나는 대답을 얻었다을 실행 로컬 때문에 훨씬 빨랐어 요. 그러나 생산 모드에 관해서는, 나는 잠시 동안 로딩 이미지를 보여주고있는 것을 발견했습니다.

제 클라이언트가 로더를 보여줘야하므로, 그는 저에게 약간의 지연을 추가하라고 제안했습니다. 그래서 나는 Timer Scheduled 안에 지연을 추가했다. 로더가 표시 될 때까지는 페이지에서 사용 된 이미지 및 기타 객체의 프리 페칭을 수행했습니다.

그래서 내가

Answer 2

당신이는 onModuleLoad() 메소드가 호출되는 GIF HistoryListener를 구현하고 표시해야합니다 :

는 그것은로드 이미지를 표시하지 않은,

http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/History.html