Как показать изображение предварительной загрузки Fancybox

Question

Я использую Fancybox.

Когда нажата следующая ссылка, открывается модальное окно, но при загрузке содержимого оно просто показывает белое поле.

<a class="iframe"  href="/icons/?icon_for=<%=@user.class.name%>&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>

Это приводит к следующему:

Однако это не анимированный.Это статичное изображение.Как я могу загрузить его, чтобы он отображал динамическое изображение?

Спасибо.

Answer 1

Для Fancybox 2 правильными методами являются $.fancybox.showLoading(); и $.fancybox.hideLoading();

Answer 2

Вы можете использовать следующие API-интерфейсы fancybox:

Показать анимацию загрузки:

$.fancybox.showActivity()   

Скрыть загрузочную анимацию:

$.fancybox.hideActivity()