Javascript Facebook应用程序&;动画加载Gif

Javascript Facebook应用程序&;动画加载Gif,javascript,facebook,Javascript,Facebook,我正在开发一个facebook应用程序,但遇到了一个小问题。在进行ajax调用时,我希望让用户知道应用程序正在加载 我的困惑是,其他人说facebook不允许动画gif,但上面的应用程序有一个动画gif。我搜遍了他们的源代码,但一无所获。任何关于如何让动画GIF在facebook应用程序中播放的想法都会很好 <script type="text/javascript"> function search_ajax() { document.getElementById('loa

我正在开发一个facebook应用程序,但遇到了一个小问题。在进行ajax调用时,我希望让用户知道应用程序正在加载

我的困惑是,其他人说facebook不允许动画gif,但上面的应用程序有一个动画gif。我搜遍了他们的源代码,但一无所获。任何关于如何让动画GIF在facebook应用程序中播放的想法都会很好

<script type="text/javascript">
function search_ajax()
{
    document.getElementById('loading').setStyle('display', 'block');
    var ajax = new Ajax();
    ajax.responseType = Ajax.FBML;
    ajax.ondone = function(data) {
        document.getElementById('search_results').setInnerFBML(data);
        document.getElementById('loading').setStyle('display', 'none');
    }
    var queryParams = { "VSearchMake" : document.getElementById('VSearchMake').getValue(),
    "VSearchModel" : document.getElementById('VSearchModel').getValue(),
    "VSearchYear" : document.getElementById('VSearchYear').getValue(),
    "VSearchPrice" : document.getElementById('VSearchPrice').getValue(),
    "ShowNewUsed" : document.getElementById('ShowNewUsed').getValue()   };
    ajax.post('http://domainname/facebook/results.cfm', queryParams);
}

</script>

<img src="http://domainname/images/loading.gif" id="loading" style="display:none;" />

函数搜索_ajax()
{
document.getElementById('loading').setStyle('display','block');
var ajax=newajax();
ajax.responseType=ajax.FBML;
ajax.ondone=函数(数据){
document.getElementById(“搜索结果”).setInnerFBML(数据);
document.getElementById('loading').setStyle('display','none');
}
var queryParams={“VSearchMake”:document.getElementById('VSearchMake').getValue(),
“VSearchModel”:document.getElementById('VSearchModel').getValue(),
“VSearchYear”:document.getElementById('VSearchYear').getValue(),
“VSearchPrice”:document.getElementById('VSearchPrice').getValue(),
“ShowNewUsed”:document.getElementById('ShowNewUsed').getValue()};
ajax.post('http://domainname/facebook/results.cfm,queryParams);
}

你是说蓝色的动画条?我敢打赌这不是一个动画gif,而是一些JavaScript的东西。鉴于我在很多网站上都看到过它,我会在Facebook API中寻找相应的JS函数。很抱歉没有给出更完整的答案,但也许这会为您指明正确的方向。

我在应用程序中使用了动画GIF。基本上,您可以在图像中设置gif标记,并在页面加载时将其隐藏,如下所示:

<img src="http://example.com/images/mygif.gif" style="display:none;" id="wait">
一旦您从ajax获得成功响应,您将再次隐藏它:

document.getElementById('wait').setStyle('display', 'none');
更新:

您没有将其隐藏回去,请使用以下代码:

ajax.ondone = function(data) {
    document.getElementById('search_results').setInnerFBML(data);
    document.getElementById('loading').setStyle('display', 'none');
}

这就是我的想法,我右键点击并查看了这张图片,看到它是一张动画gif。我将研究一个通过图像交换的函数。我只是讨厌当我知道事情有可能发生的时候却不能把它弄明白。。。我想这是使工作有趣的原因之一。那么你把代码签入了吗?应该在那里(我知道你说你检查了他们的代码,只是不确定你是否也检查了库)在他们的代码中还没有运气。。。也许我得用一把更细的梳子再检查一遍。它还没来得及动,有什么想法吗?用我的代码编辑了我的问题。@Patcouch22:请发布您的ajax代码以及您在页面中放置的gif图像的html。修复了此问题。。仍然没有设置gif动画。@Patcouch22:这是一个扇形页面,不是一个应用程序,扇形页面没有限制。此外,库存页面未打开,可能存在一些错误。我不确定粉丝页面上佩戴的动画GIF,因为facebook为他们提供的功能有限。好吧。。。我是facebook api的新手,我举的另一个页面不也是粉丝页面吗?或者他们使用了不同的设置?“facebook说它不允许动画GIF”有来源吗?这不是我知道的规则。好吧,我猜其他论坛说facebook不允许他们。。。我找不到官方消息来源。
ajax.ondone = function(data) {
    document.getElementById('search_results').setInnerFBML(data);
    document.getElementById('loading').setStyle('display', 'none');
}