https://www.vin-malin.fr/modules/advancedpopupcreator/lib/fancybox/jquery.fancybox.transitions.js

1/*
2 * NOTICE OF LICENSE
3 *
4 * This product is licensed for one customer to use on one installation (test stores and multishop included).
5 * Site developer has the right to modify this module to suit their needs, but can not redistribute the module in
6 * whole or in part. Any other use of this module constitutes a violation of the user agreement.
7 *
8 * DISCLAIMER
9 *
10 * NO WARRANTIES OF DATA SAFETY OR MODULE SECURITY
11 * ARE EXPRESSED OR IMPLIED. USE THIS MODULE IN ACCORDANCE
12 * WITH YOUR MERCHANT AGREEMENT, KNOWING THAT VIOLATIONS OF
13 * PCI COMPLIANCY OR A DATA BREACH CAN COST THOUSANDS OF DOLLARS
14 * IN FINES AND DAMAGE A STORES REPUTATION. USE AT YOUR OWN RISK.
15 *
16 * @author    idnovate.com <[email protected]>
17 * @copyright 2022 idnovate.com
18 * @license   See above
19 */
20
21/**
22 * https://github.com/tomlagier/fancybox-transitions
23 * name:        FancyBox Transitions
24 * file:        jquery.fancybox-transitions.js
25 * version:     0.1
26 * author:      Thomas Lagier
27 * description: Adds CSS3 open/close transitions for FancyBox 2.
28 * license:     MIT
29 * date:        April 25, 2014
30 */
31
32(function ($, F) {
33    // Opening animation - fly from the top
34    F.transitions.dropIn = function() {
35        var endPos = F._getPosition(true);
36
37        endPos.top = (parseInt(endPos.top, 10) - 200) + 'px';
38        endPos.opacity = 0;
39
40        F.wrap.css(endPos).show().animate({
41            top: '+=200px',
42            opacity: 1
43        }, {
44            duration: F.current.openSpeed,
45            complete: F._afterZoomIn
46        });
47    };
48
49    // Closing animation - fly to the top
50    F.transitions.dropOut = function() {
51        F.wrap.removeClass('fancybox-opened').animate({
52            top: '-=200px',
53            opacity: 0
54        }, {
55            duration: F.current.closeSpeed,
56            complete: F._afterZoomOut
57        });
58    };
59
60    //Super scale
61    F.transitions.superscaleIn = function() {
62
63        F.wrap.addClass('superscale');
64
65        setTimeout(function(){
66            F.wrap.addClass('superscale-transitions');
67            F.wrap.addClass('show');
68            F._afterZoomIn();
69        });
70
71    }
72
73    F.transitions.superscaleOut = function() {
74
75        F.wrap.removeClass('show');
76
77        setTimeout(function(){
78            F.wrap.removeClass('superscale superscale-transitions');
79            F._afterZoomOut();
80        }, 300);
81
82    }
83
84    //Fade and scale
85    F.transitions.fadescaleIn = function() {
86
87        F.wrap.addClass('fadescale');
88
89        setTimeout(function(){
90            F.wrap.addClass('fadescale-transitions');
91            F.wrap.addClass('show');
92            F._afterZoomIn();
93        });
94
95    }
96
97    F.transitions.fadescaleOut = function() {
98
99        F.wrap.removeClass('show');
100
101        setTimeout(function(){
102            F.wrap.removeClass('fadescale fadescale-transitions');
103            F._afterZoomOut();
104        }, 300);
105
106    }
107
108    //Slide in from right
109    F.transitions.sliderightIn = function() {
110
111        F.wrap.addClass('slideright');
112
113        setTimeout(function(){
114            F.wrap.addClass('slideright-transitions');
115            F.wrap.addClass('show');
116            F._afterZoomIn();
117        });
118
119    }
120
121    F.transitions.sliderightOut = function() {
122
123        F.wrap.removeClass('show');
124
125        setTimeout(function(){
126            F.wrap.removeClass('slideright slideright-transitions');
127            F._afterZoomOut();
128        }, 300);
129
130    }
131
132    //Slide in from bottom
133    F.transitions.slidebottomIn = function() {
134
135        F.wrap.addClass('slidebottom');
136
137        setTimeout(function(){
138            F.wrap.addClass('slidebottom-transitions');
139            F.wrap.addClass('show');
140            F._afterZoomIn();
141        });
142
143    }
144
145    F.transitions.slidebottomOut = function() {
146
147        F.wrap.removeClass('show');
148
149        setTimeout(function(){
150            F.wrap.removeClass('slidebottom slidebottom-transitions');
151            F._afterZoomOut();
152        }, 300);
153
154    }
155
156    //Newspaper twirl
157    F.transitions.newspaperIn = function() {
158
159        F.wrap.addClass('newspaper');
160
161        setTimeout(function(){
162            F.wrap.addClass('newspaper-transitions');
163            F.wrap.addClass('show');
164            F._afterZoomIn();
165        });
166
167    }
168
169    F.transitions.newspaperOut = function() {
170
171        F.wrap.removeClass('show');
172
173        setTimeout(function(){
174            F.wrap.removeClass('newspaper newspaper-transitions');
175            F._afterZoomOut();
176        }, 300);
177
178    }
179
180    //Fall
181    F.transitions.fallIn = function() {
182
183        F.wrap.addClass('fall');
184
185        setTimeout(function(){
186            F.wrap.addClass('show');
187            F._afterZoomIn();
188        });
189
190    }
191
192    F.transitions.fallOut = function() {
193
194        F.wrap.removeClass('show');
195
196        setTimeout(function(){
197            F.wrap.removeClass('fall');
198            F._afterZoomOut();
199        }, 300);
200
201    }
202
203    //Fall from the side
204    F.transitions.sidefallIn = function() {
205
206        F.wrap.addClass('sidefall');
207
208        setTimeout(function(){
209            F.wrap.addClass('show');
210            F._afterZoomIn();
211        });
212
213    }
214
215    F.transitions.sidefallOut = function() {
216
217        F.wrap.removeClass('show');
218
219        setTimeout(function(){
220            F.wrap.removeClass('sidefall');
221            F._afterZoomOut();
222        }, 300);
223
224    }
225
226    //Another drop in, slightly faster
227    F.transitions.stickyupIn = function() {
228
229        F.wrap.addClass('stickyup');
230
231        setTimeout(function(){
232            F.wrap.addClass('show stickyup-transitions');
233            F._afterZoomIn();
234        });
235
236    }
237
238    F.transitions.stickyupOut = function() {
239
240        F.wrap.removeClass('show');
241
242        setTimeout(function(){
243            F.wrap.removeClass('stickyup stickyup-transitions');
244            F._afterZoomOut();
245        }, 300);
246
247    }
248
249    //3D horizontal flip
250    F.transitions.horizontalflipIn = function() {
251
252        F.wrap.addClass('horizflip');
253
254        setTimeout(function(){
255            F.wrap.addClass('show horizflip-transitions');
256            F._afterZoomIn();
257        });
258
259    }
260
261    F.transitions.horizontalflipOut = function() {
262
263        F.wrap.removeClass('show');
264
265        setTimeout(function(){
266            F.wrap.removeClass('horizflip horizflip-transitions');
267            F._afterZoomOut();
268        }, 300);
269
270    }
271
272    //3D vertical flip

273    F.transitions.verticalflipIn = function() {
274
275        F.wrap.addClass('vertflip');
276
277        setTimeout(function(){
278            F.wrap.addClass('show vertflip-transitions');
279            F._afterZoomIn();
280        });
281
282    }
283
284    F.transitions.verticalflipOut = function() {
285
286        F.wrap.removeClass('show');
287
288        setTimeout(function(){
289            F.wrap.removeClass('vertflip vertflip-transitions');
290            F._afterZoomOut();
291        }, 300);
292
293    }
294
295    //3D Sign
296    F.transitions.signIn = function() {
297
298        F.wrap.addClass('sign');
299
300        setTimeout(function(){
301            F.wrap.addClass('show sign-transitions');
302            F._afterZoomIn();
303        });
304
305    }
306
307    F.transitions.signOut = function() {
308
309        F.wrap.removeClass('show');
310
311        setTimeout(function(){
312            F.wrap.removeClass('sign sign-transitions');
313            F._afterZoomOut();
314        }, 300);
315
316    }
317
318    //3D Slit
319    F.transitions.slitIn = function() {
320
321        F.wrap.addClass('slit');
322
323        setTimeout(function(){
324            F.wrap.addClass('show');
325            F._afterZoomIn();
326        });
327
328    }
329
330    F.transitions.slitOut = function() {
331
332        F.wrap.removeClass('show');
333
334        setTimeout(function(){
335            F.wrap.removeClass('slit');
336            F._afterZoomOut();
337        }, 300);
338
339    }
340
341    //3D rotate bottom
342    F.transitions.rotatebottomIn = function() {
343
344        F.wrap.addClass('rotatebottom');
345
346        setTimeout(function(){
347            F.wrap.addClass('show rotatebottom-transitions');
348            F._afterZoomIn();
349        });
350
351    }
352
353    F.transitions.rotatebottomOut = function() {
354
355        F.wrap.removeClass('show');
356
357        setTimeout(function(){
358            F.wrap.removeClass('rotatebottom-transitions rotatebottom');
359            F._afterZoomOut();
360        }, 300);
361
362    }
363
364    //3D rotate left
365    F.transitions.rotateleftIn = function() {
366
367        F.wrap.addClass('rotateleft');
368
369        setTimeout(function(){
370            F.wrap.addClass('show rotateleft-transitions');
371            F._afterZoomIn();
372        });
373
374    }
375
376    F.transitions.rotateleftOut = function() {
377
378        F.wrap.removeClass('show');
379
380        setTimeout(function(){
381            F.wrap.removeClass('rotateleft-transitions rotateleft');
382            F._afterZoomOut();
383        }, 300);
384
385    }
386
387    //Blur
388    F.transitions.blurIn = function() {
389
390        F.wrap.siblings().not('.fancybox-wrap').not('.fancybox-overlay').addClass('blur-overlay');
391        F.wrap.addClass('blur');
392
393        setTimeout(function(){
394            F.wrap.addClass('blur-transitions show');
395            F._afterZoomIn();
396        });
397
398    }
399
400    F.transitions.blurOut = function() {
401
402        F.wrap.removeClass('show');
403
404        setTimeout(function(){
405            F.wrap.removeClass('blur-transitions blur');
406            F.wrap.siblings().not('.fancybox-wrap').not('.fancybox-overlay').removeClass('blur-overlay');
407            F._afterZoomOut();
408        }, 300);
409
410    }
411})(jQuery, jQuery.fancybox);