Hide the close “X” button in Fancybox

Question

I am using this http://fancybox.net/

Is there a way to add a property to not show the close \"X\" button on top right? I mean I can use \'callbackOnShow\' to hide it in

Answer 1

use boolean in 'showCloseButton' attribute. e.g

$('.editGnBtn').fancybox({
   'href': "#editGn",
   'showCloseButton':false
 });

Answer 2

For those who are looking for disable it completely in fancybox v3, here it is:

smallBtn: false,
toolbar: false

Answer 3

Looks like showCloseButton doesn't work any more. After looking into the fancybox code i figured out closeBtn should be set to false.

So in order to hide close button one should add below line in options -

'closeBtn' : false

Answer 4

You can add the following in ... .fancybox-close {display:none; }

But it is advisable only if the same fancybox is a popup which will automatically disappear after some time (using $.fancybox.close();)

Answer 5

In fancybox 3 use 'modal' e.g.

        $.fancybox.open({
            ...
            opts: {
                modal: true,
            }
        });

Answer 6

If you take a look at the documentation at http://fancybox.net/api it cites an option of showCloseButton that should do the trick.

From the site:

showCloseButton - Option to show/hide close button