jquery fancybox 2.0.3 - prevent close on click outside of fancybox

Question

I am using jquery fancybox version 2.0.3. I want to prevent close on click outside of fancybox. I want to force user to click the cross button. I have tried

$(document).ready(function() {     $(".various").fancybox({         closeClick  : false,         openEffect  : 'none',         closeEffect : 'none',         hideOnOverlayClick:false,         hideOnContentClick:false     }).trigger("click"); }); 

but this doesn't seems to work in new version of fancybox. I had referred the link

jquery fancybox - prevent close on click outside of fancybox

but these solutions doesn't seems to work in fancybox 2.0.3

Answer 1

Use this option:

helpers : {    overlay : {closeClick: false} } 

so your final script should look like:

$(document).ready(function() {  $(".various").fancybox({   closeClick  : false, // prevents closing when clicking INSIDE fancybox    openEffect  : 'none',   closeEffect : 'none',   helpers   : {     overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox    }  }).trigger("click"); }); 

hideOnOverlayClick and hideOnContentClick are options for Fancybox v1.3.x