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 a hide() but that is not fast enough. I want it NOT rendered out instead of rendered then hide.

Answer 1

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

Answer 2

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 3

In fancybox 3 use modal e.g.

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

Answer 4

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

smallBtn: false,
toolbar: false

Answer 5

use boolean in showCloseButton attribute. e.g

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

Answer 6

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 7

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",
    }
});

友情链接