Javascript 如何在Richfaces中使用在页面加载期间显示动画gif？

问题在标题中： 我知道如何使用类似的ajax调用来实现这一点，但在客户端加载时，我会迷失方向

使用Ajax调用，我可以：

          <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#    {rich:component('statPane')}.hide()" />
            <h:form id ="numberOfLineTab_form">
              ...
                <rich:popupPanel id="statPane" autosized="true">
                    <h:graphicImage value="/img/ajax-loader.gif" alt="ai" />
                    Please wait...
                </rich:popupPanel>
            </h:form>

没有代码可以在客户端显示，因为我已经被它绊住了，我还没有找到一个可以开发的示例。。。我以前已经在一个使用Jquery的cgi perl项目上做过，但我不记得了：

我想使用嵌入jquery功能。 像这样的东西我用来隐藏一些标签。。。但是整个页面使用了什么选择器呢？如何在jquery javascript中检查加载

    <rich:jQuery selector="#formSortParticipant\:customListParticipant\:closeParticipant"  event ="click" query="jQuery('#formSortParticipant').hide('slow')" attachType="live"/>

这个想法是混合所有内容，以实现我的目标，即在客户端加载页面时显示弹出的gif图像

谢谢各位：