Загрузка изображения в 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> 

Кроме того, вот мой 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; 
} 

Это часть кода, я использовал, чтобы сделать DIV видимым & невидимым.

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

Может ли кто-нибудь предложить мне лучший способ показать загружаемое изображение GIF для изменений истории?

Answer 1

Я получил ответ,

Он не показывал Загрузка изображения, так как выполнение локально было намного быстрее. Но когда дело доходит до режима производства, я обнаружил, что показывается изображение загрузки.

Поскольку мой клиент строго должен показать загрузчик, он предложил мне добавить небольшую задержку. Поэтому я добавил задержку в таймере по расписанию. К тому времени, когда он показывает загрузчик, я сделал предварительную выборку изображений и других объектов, используемых на странице.

Так я маркировать мой вопрос Закрыто ...

Answer 2

следует реализовать HistoryListener и показать GIF, когда метод onModuleLoad() называется:

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