Я пытаюсь предотвратить закрытие fancybox, когда кто-то щелкает за пределами fancybox-content области.
fancybox-content
HTML:
<div id="banner-message" style="display: none"> <p>Hello World</p> </div>
JS:
jQuery.fancybox.open(jQuery('#banner-message'), { clickOutside: false });
DEMO: https://jsfiddle.net/xjw4b5jq/
Вместо этого вы должны использовать clickSlide.
clickSlide
fancybox3 работает как ползунок, и вы можете переместить / изменить размер области ползунка, поэтому есть два похожих, но разных варианта.