Html 在GWT中加载图像

Html 在GWT中加载图像,html,css,gwt,Html,Css,Gwt,我一直在GWT的一个项目中工作,我需要显示一个加载图像,如请稍候 我可以在页面加载之前解决这个问题。但是,在历史标记更改期间,我不能显示相同的内容。我创建了一个部门,如下所示 <div id="loader"> <div id="loaderPanel"> </div> <div id="loaderImage"> <div id="loa

我一直在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可见和不可见的代码

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

有人能给我推荐一种更好的方式来显示加载的GIF图像以进行历史更改吗?

您应该实现HistoryListener,并在调用onModuleLoad方法时显示GIF:

我得到了答案

它没有显示正在加载的图像,因为本地执行要快得多。但当谈到生产模式时,我发现,它会显示一段时间的加载图像

由于我的客户严格要求显示加载器,他建议我增加一点延迟。所以我在一个定时表中添加了延迟。当它显示加载程序时,我对页面中使用的图像和其他对象进行了预取


因此,我将我的问题标记为已结束…

我正在使用MVP模式进行此操作。那么给出模块加载方法是否灵活呢?我目前使用ValueChangeHandler和OnValueChanged来处理历史记录更改。但是HistoryListener是不推荐使用的方法,那么您能告诉我如何使用ValueChangeHandler方法实现吗
DOM.getElementById("loader").getStyle().setDisplay(Display.NONE);
DOM.getElementById("loader").getStyle().setDisplay(Display.BLOCK);