如果用户单击模式窗口之外的任何位置，请关闭它，以及如何在Fotorama / jQuery中进行操作

Question

对于我的网站，我将Magento 2与Ultimo一起使用，并且使用Fotorama全屏显示图片。但是，每当我以全屏模式打开图片时，都必须单击关闭的“ X”按钮，但我不希望这样做。在W3schools中，有一个教程可以创建一个我想要的功能模态，但是我需要将其集成到我的fotorama代码中以免破坏其他功能。

在W3schools中，有一个教程可以创建一个我想要的功能模态，但是我需要在我的Fotorama代码中进行整合，以免破坏其他功能。 链接到W3：https://www.w3schools.com/howto/howto_css_modals.asp

function cancelFullScreen() {
        if (that.fullScreen) {
            that.fullScreen = false;

            if (FULLSCREEN) {
                fullScreenApi.cancel(fotorama);
            }

            $BODY.removeClass(_fullscreenClass);
            $HTML.removeClass(_fullscreenClass);

            $fotorama
                .removeClass(fullscreenClass)
                .insertAfter($anchor);

            measures = $.extend({}, measuresStash);

            unloadVideo($videoPlaying, true, true);

            updateTouchTails('x', false);

            that.resize();
            loadImg(activeIndexes, 'stage');

            lockScroll($WINDOW, scrollLeft, scrollTop);

            triggerEvent('fullscreenexit');
        }
    }

我认为这部分代码需要插入。有什么建议么？