https://www.menterwolde.info/js/fancybox_init.js

1$(document).ready(function(e) {
2	$(".showModal").fancybox({
3		fitToView	: false,
4		modal		: true
5	});
6	$(".showAjax").fancybox({
7		type		: 'ajax',
8		fitToView	: false,
9		modal		: true,
10		afterLoad: function()
11		{
12			$.fancybox.reposition();
13			$.fancybox.update();	
14		}
15	});
16	$(".showIframe").fancybox({
17		type		: 'iframe',
18		fitToView	: true,
19		modal		: false,
20		maxWidth	: 640,
21		maxHeight	: 800,
22		padding		: 0
23	});
24	$(".showHotel").fancybox({
25		type		: 'iframe',
26		fitToView	: true,
27		modal		: false,
28		maxWidth	: 217,
29		maxHeight	: 294,
30		padding		: 0,
31		scrolling	: "no",
32		iframe : {
33			scrolling: "no"	
34		},
35		helpers : {
36			title: {
37				type: 'outside',
38				position: 'top'
39			},
40			overlay : {
41				css : {
42					'background' : 'rgba(1, 36, 71, 0.8)'
43				}
44       		}
45    	}
46	});
47	$('.showYT').fancybox({
48		openEffect  : 'none',
49		closeEffect : 'none',
50		helpers : {
51			media : {}
52		}
53	});
54	$(".showImg, .showCropper").fancybox({
55		maxWidth	: 800,
56		maxHeight	: 600,
57		fitToView	: true,
58		width		: '70%',
59		height		: '70%',
60		autoSize	: true,
61		closeClick	: false,
62		openEffect	: 'fade',
63		closeEffect	: 'fade',
64	});    
65});