Fancyboxプリロードイメージの表示方法

私はFancyboxを使用しています。Fancyboxプリロードイメージの表示方法

次のリンクをクリックすると、モーダルウィンドウが開きますが、コンテンツが読み込まれる間に白いボックスが表示されます。

<a class="iframe" href="/icons/?icon_for=<%[email protected]%>&category=<%=Icon::USER_DEFAULT%>" id="user_iframe"> 
             <%= image_tag("avatar-bis.png", :width => 140, :height => 128, :class => "dotted")%> 
           </a>

私はコンテンツが読み込まれている間にアニメーションイメージを表示したいと思います。

<script> 
     $('a.iframe').live("click",function(){ 
     $('#fancybox-loading').show(); 
     }); 
</script>

これは、次の生成：

enter image description here

それがアニメ化されていませんしかし、私は、リンクがクリックされたときに呼び出され、次のを持っています。これは静的な画像です。動画を表示するにはどうすればいいですか？

ありがとうございました。あなたはこれらのfancyboxのAPIを使用することができます

出典

2011-11-09 chell

：

表示ローディングアニメーション：

$.fancybox.showActivity()

隠すローディングアニメーション：

$.fancybox.hideActivity()

出典

2011-11-09 11:23:01 gkof

$ .fancybox.hideActivity（）はどこに配置しますか？私はそれをfancyboxにロードされた実際のページに置こうとしましたが、回転しているホイールを隠しています。 – chell

これはわかりました。私はユーザー親にする必要があります。$。fancybox.hideActivity（） – chell

これはうまく動作しません。 –

Fancybox 2の場合に、使用する適切な方法は$.fancybox.showLoading();と$.fancybox.hideLoading();です

出典

2013-07-25 20:29:31

Fancyboxプリロードイメージの表示方法

答えて

関連する問題