Display fancybox loading icon

Question

When I use fancybox for iframe, the loading icon isn't displayed while fancybox is loaded...

How can I fix this problem?

Thanks in advance.

Answer 1

For FancyBox 2 showing loader with overlay

To show

$.fancybox.showLoading();
$.fancybox.helpers.overlay.open({parent: $('body'), closeClick : false});

To hide

$.fancybox.hideLoading();
$.fancybox.helpers.overlay.close();