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
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