GWTに画像を読み込む

Question

GWTのプロジェクトでは、「Please Wait ...」のような画像を表示する必要があります。

ページが読み込まれるまでこれを修正できました。しかし、歴史のトークンの変更中、私は同じことを示すことはできません。また、以下の

<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内に遅延を追加しました。ローダーが表示されるまでに、私はページ内で使用されているイメージやその他のオブジェクトをプリフェッチしました。

がをクローズとしてだから、私は、このためのMVPパターンを使用しています

Answer 2

あなたはHistoryListenerを実装し、onModuleLoad（）メソッドが呼び出されたときにGIF画像を表示する必要があります：

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