如何顯示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

但是它沒有動畫。這是一個靜態圖像。我如何加載它以顯示動態圖像？

謝謝。

來源

2011-11-09 chell

您可以使用這些的fancybox的API：

顯示加載動畫：

$.fancybox.showActivity()

隱藏加載動畫：

$.fancybox.hideActivity()

來源

2011-11-09 11:23:01 gkof

我在哪裏放$ .fancybox.hideActivity（）？我試圖把它放在裝入fancybox的實際頁面上，但它隱藏了紡車。 – chell

好吧，明白了。我需要用戶父。$。fancybox.hideActivity（） – chell

這很糟糕，並且不起作用。 – 2013-06-05 15:58:24

有關的fancybox 2，正確的方法使用的是$.fancybox.showLoading();和$.fancybox.hideLoading();

來源

2013-07-25 20:29:31

如何顯示Fancybox預加載圖像

回答

相關問題