私はビデオとサムネイルとリンクを交換するためのEmbedlyのAPIに依存しているこのコード持って積載アニメーション

Question

ためにjQueryを使ってタイミングを非表示/表示：

$('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