https://kultur-frankfurt.de/Scripts/sleekgallery-master/scripts/jquery.sleekgallery.transitions.js

1/*
2 * This file is part of SleekGallery v1.1.1.
3 *
4 * SleekGallery is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation; either version 3 of the License, or
7 * (at your option) any later version.
8 *
9 * SleekGallery is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12 * GNU General Public License for more details.
13 *
14 * You should have received a copy of the GNU General Public License
15 * along with MoJo's SlickGallery; if not, write to the Free Software
16 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
17 *
18 * Main Developer: Morton Jonuschat <[email protected]> - http://github.com/yabawock
19 */
20(function($) {
21    $.extend(true, {
22        sleekgallery: {
23            Transitions: {
24                fadeslideleft: function(oldImage, newImage, oldPos, newPos) {
25                    var duration = 1500;
26                    var transition = 'swing';
27                    if(jQuery.isFunction(jQuery.easing.easeOutCubic)) {
28                        transition = 'easeOutCubic';
29                    }
30                    if (newPos > oldPos) {
31                        newImage.css({'left' : this.galleryElement.outerWidth(true)}).animate({'left' : 0, 'opacity' : 1}, duration, transition);
32                        oldImage.css({'opacity' : 1}).animate({'opacity' : 0}, duration, transition);
33                    } else {
34                        newImage.css({'opacity' : 0}).animate({'opacity' : 1}, duration, transition);
35                        oldImage.css({'left' : 0}).animate({'left' : this.galleryElement.outerWidth(true), 'opacity' : 0}, duration, transition, function() { this.css('left', 0); });
36                    }
37                },
38                continuoushorizontal: function(oldImage, newImage, oldPos, newPos) {
39                    if (((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
40                        (!((newPos == (this.maxIter-1 )) && (oldPos == 0)))) {
41                        oldImage.css({'opacity' : 1, 'left' : 0}).animate({
42                            'left' : this.galleryElement.outerWidth(true) * -1
43                            }, this.options.fadeDuration, 'linear');
44                        newImage.css({'opacity' : 1, 'left' : this.galleryElement.outerWidth(true)}).animate({
45                            'left' : 0
46                        }, this.options.fadeDuration, 'linear');
47                    } else  {
48                        oldImage.css({'opacity' : 1, 'left' : 0}).animate({
49                            'left' : this.galleryElement.outerWidth(true)
50                        }, this.options.fadeDuration, 'linear');
51                        newImage.css({'opacity' : 1, 'left': this.galleryElement.outerWidth(true) * -1}).animate({
52                            'left' : 0
53                        }, this.options.fadeDuration, 'linear');
54                    }
55                },
56                continuousvertical: function(oldImage, newImage, oldPos, newPos) {
57                    if (((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
58                        (!((newPos == (this.maxIter-1 )) && (oldPos == 0)))) {
59                        oldImage.css({'opacity' : 1, 'top' : 0}).animate({
60                            'top' : this.galleryElement.outerHeight(true) * -1
61                        }, this.options.fadeDuration, 'linear');
62                        newImage.css({'opacity' : 1, 'top' : this.galleryElement.outerHeight(true)}).animate({
63                            'top' : 0
64                        }, this.options.fadeDuration, 'linear');
65                    } else {
66                        oldImage.css({'opacity' : 1, 'top' : 0}).animate({
67                            'top' : this.galleryElement.outerHeight(true)
68                        }, this.options.fadeDuration, 'linear');
69                        newImage.css({'opacity' : 1, 'top' : this.galleryElement.outerHeight(true) * -1}).animate({
70                            'top' : 0
71                        }, this.options.fadeDuration, 'linear');
72                    }
73                }
74            }
75        }
76    });
77})(jQuery);