Hide the close "X" button in Fancybox

I 开发者_如何学Pythonam 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 a hide() but that is not fast enough. I want it NOT rendered out instead of rendered then hide.

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

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

In fancybox 3 use 'modal' e.g.

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

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

smallBtn: false,
toolbar: false

use boolean in 'showCloseButton' attribute. e.g

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

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();)

Try it, to never close the windows in fancybox v4:

Fancybox.show(gallery, {
    Toolbar: {
        display: [
            { id: "counter", position: "center" },
            "fullscreen",
        ],
    },
    'closeButton': '',
    'infinite': false,
    'click': 'next',
    'dragToClose': false,
    keyboard: {
        Escape: "false",
        Delete: "false",
        Backspace: "false",
        PageUp: "next",
        PageDown: "prev",
        ArrowUp: "next",
        ArrowDown: "prev",
        ArrowRight: "next",
        ArrowLeft: "prev",
    }
});