Question

我的代码依赖于Embedly API来替换带有视频和缩略图的链接：

$('a.oembed').each(function(){
    $(this).embedly({maxWidth:525,'method':'replace'}).bind('embedly-oembed', function(e, oembed){ 
        $(this).parent().append($("<img>", { src: oembed.thumbnail_url, width:200 })).children('img').wrap('<div class="thumbnail_border" />');
    });  
});

我想在发出此请求时显示加载图像，并在返回缩略图时隐藏它。我该怎么做？

我也有这个隐藏缩略图并显示视频的代码：

$(".thumbnail_border img").live('click', function() {

   $(this).toggle();    
   $(this).parent().hide();
   $(this).parent().parent().children('.embed').toggle();
   $(this).parent().parent().children("div.description_div").hide();

});

我想在用户点击时显示加载图片，并且我想在视频出现后隐藏它。我怎么能这样做？

Answer 1

使用回调作为tfbox建议。使用以下效果：

$("urdiv").fadeIn('slow'); and $("urdiv").fadeOut('slow') //see jquery docs for more info

一些信息here

使用JQuery显示/隐藏计时加载动画

1 个答案: