https://www.ofah.net/blog/wp-content/themes/newslog/js/jd.gallery.transitions.js

1/**
2 * @author jon
3 */
4gallery.Transitions.extend({
5	fadeslideleft: function(oldFx, newFx, oldPos, newPos){
6		oldFx.options.transition = newFx.options.transition = Fx.Transitions.Cubic.easeOut;
7		oldFx.options.duration = newFx.options.duration = 1500;
8		if (newPos > oldPos)
9		{
10			newFx.start({
11				left: [this.galleryElement.offsetWidth, 0],
12				opacity: 1
13			});
14			oldFx.start({opacity: [1,0]});
15		} else {
16			newFx.start({opacity: [0,1]});
17			oldFx.start({
18				left: [0, this.galleryElement.offsetWidth],
19				opacity: 0
20			}).chain(function(fx){fx.set({left: 0});}.pass(oldFx));
21		}
22	},
23	continuoushorizontal: function(oldFx, newFx, oldPos, newPos){
24		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
25		if (
26			((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
27			(!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
28		) {
29			oldFx.set({opacity: 1});
30			oldFx.start({
31				left: [0, this.galleryElement.offsetWidth * -1]
32			});
33			newFx.set({opacity: 1, left: this.galleryElement.offsetWidth});
34			newFx.start({
35				left: [this.galleryElement.offsetWidth, 0]
36			});
37		} else  {
38			oldFx.set({opacity: 1});
39			oldFx.start({
40				left: [0, this.galleryElement.offsetWidth]
41			});
42			newFx.set({opacity: 1, left: this.galleryElement.offsetWidth * -1});
43			newFx.start({
44				left: [this.galleryElement.offsetWidth * -1, 0]
45			});
46		}
47	},
48	continuousvertical: function(oldFx, newFx, oldPos, newPos){
49		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
50		if (
51			((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
52			(!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
53		) {
54			oldFx.set({opacity: 1});
55			oldFx.start({
56				top: [0, this.galleryElement.offsetHeight * -1]
57			});
58			newFx.set({opacity: 1, top: this.galleryElement.offsetHeight});
59			newFx.start({
60				top: [this.galleryElement.offsetHeight, 0]
61			});
62		} else  {
63			oldFx.set({opacity: 1});
64			oldFx.start({
65				top: [0, this.galleryElement.offsetHeight]
66			});
67			newFx.set({opacity: 1, top: this.galleryElement.offsetHeight * -1});
68			newFx.start({
69				top: [this.galleryElement.offsetHeight * -1, 0]
70			});
71		}
72	}
73});