https://www.sportwalter.it/js/main.js

1		$(document).ready(function() {
2			/*
3			 *  Simple image gallery. Uses default settings
4			 */
5
6			$('.fancybox').fancybox();
7
8			/*
9			 *  Different effects
10			 */
11
12			// Change title type, overlay closing speed
13			$(".fancybox-effects-a").fancybox({
14				helpers: {
15					title : {
16						type : 'outside'
17					},
18					overlay : {
19						speedOut : 0
20					}
21				}
22			});
23
24			// Disable opening and closing animations, change title type
25			$(".fancybox-effects-b").fancybox({
26				openEffect  : 'none',
27				closeEffect	: 'none',
28
29				helpers : {
30					title : {
31						type : 'over'
32					}
33				}
34			});
35
36			// Set custom style, close if clicked, change title type and overlay color
37			$(".fancybox-effects-c").fancybox({
38				wrapCSS    : 'fancybox-custom',
39				closeClick : true,
40
41				openEffect : 'none',
42
43				helpers : {
44					title : {
45						type : 'inside'
46					},
47					overlay : {
48						css : {
49							'background' : 'rgba(238,238,238,0.85)'
50						}
51					}
52				}
53			});
54
55            $(".fancybox-effects-d").fancybox({
56                padding: 0,
57            
58                openEffect : 'elastic',
59                openSpeed  : 150,
60            
61                closeEffect : 'elastic',
62                closeSpeed  : 150,
63            
64                closeClick : true,
65                autoSize: false, // Disable auto-resize
66                height: 300, // Set a specific height
67                width: 600, // Optional: set a specific width if needed
68            
69                helpers : {
70                    overlay : {speedOut : 0}
71                },
72            
73                // Custom CSS to position Fancybox
74                top: '20%',  // Adjust to position from the top (e.g., 20% from top of the window)
75                left: '30%', // Adjust to position from the left (e.g., 30% from left of the window)
76            });
77
78			/*
79			 *  Button helper. Disable animations, hide close button, change title type and content
80			 */
81
82			$('.fancybox-buttons').fancybox({
83				openEffect  : 'none',
84				closeEffect : 'none',
85
86				prevEffect : 'none',
87				nextEffect : 'none',
88
89				closeBtn  : false,
90
91				helpers : {
92					title : {
93						type : 'inside'
94					},
95					buttons	: {}
96				},
97
98				afterLoad : function() {
99					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
100				}
101			});
102
103
104			/*
105			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
106			 */
107
108			$('.fancybox-thumbs').fancybox({
109				prevEffect : 'none',
110				nextEffect : 'none',
111
112				closeBtn  : false,
113				arrows    : false,
114				nextClick : true,
115
116				helpers : {
117					thumbs : {
118						width  : 50,
119						height : 50
120					}
121				}
122			});
123
124			/*
125			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
126			*/
127			$('.fancybox-media')
128				.attr('rel', 'media-gallery')
129				.fancybox({
130					openEffect : 'none',
131					closeEffect : 'none',
132					prevEffect : 'none',
133					nextEffect : 'none',
134
135					arrows : false,
136					helpers : {
137						media : {},
138						buttons : {}
139					}
140				});
141
142			/*
143			 *  Open manually
144			 */
145
146			$("#fancybox-manual-a").click(function() {
147				$.fancybox.open('1_b.jpg');
148			});
149
150			$("#fancybox-manual-b").click(function() {
151				$.fancybox.open({
152					href : 'iframe.html',
153					type : 'iframe',
154					padding : 5
155				});
156			});
157
158			$("#fancybox-manual-c").click(function() {
159				$.fancybox.open([
160					{
161						href : '1_b.jpg',
162						title : 'My title'
163					}, {
164						href : '2_b.jpg',
165						title : '2nd title'
166					}, {
167						href : '3_b.jpg'
168					}
169				], {
170					helpers : {
171						thumbs : {
172							width: 75,
173							height: 50
174						}
175					}
176				});
177			});
178
179
180		});