Show fancybox download icon

Question

When I use fancybox for iframe, the loading icon is not displayed during fancybox loading ...

How can I fix this problem?

Thanks in advance.

Answer 1

Fancybox has some errors or problems when using iframes.

You can edit the source code (uncompressed, packaged, or reduced version) and put this:

$.fn.fancybox.showLoading(); 

To display the loading field in FancyBox 2:

 $.fancybox.showLoading() ; 

right after that:

 } else if (href.match("iframe") || elem.className.indexOf ("iframe") >= 0) { 

I think this is on line number 131, but I'm not sure if you just need to look for it in the source code.

These and simpler (more complex) solutions are in the Fancybox support group:

Fancybox iframe loading icon fix

loading indicator

or search the Fancybox Support Group .

Nice look!

Answer 2

For FancyBox 2 showing bootloader overlay

To show

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

To hide

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