Repository navigation
Expand file tree
/
Copy pathjquery.sequence.custom.js
More file actions
62 lines (49 loc) · 2.44 KB
/
Copy pathjquery.sequence.custom.js
File metadata and controls
62 lines (49 loc) · 2.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
;
(function ($) {
$.sequence = $.sequence || {};
$.extend($.sequence, {
applyTheme: function (sequence /* instance */, parallaxBgSelector) {
var nav = $('<nav class="sequence-pagination" />');
sequence.afterLoaded = function () {
if (sequence.numberOfFrames > 1) {
for (var i = 0; i < sequence.numberOfFrames; ++i) {
nav.append('<span />');
}
nav.prependTo(sequence.container);
}
}
sequence.settings.fadeFrameWhenSkipped = false;
var s = sequence.settings.bgSlide || "on";
if (s === 'on' || s === 'opposite') {
var bgincrement = _.isNumber(sequence.settings.bgSlideIncrement) ? sequence.settings.bgSlideIncrement : 50;
var bgpositer = 0;
var parallaxBgContainer = (!_.isString(parallaxBgSelector) ? sequence.container : sequence.container.closest(parallaxBgSelector));
sequence.beforeCurrentFrameAnimatesOut = function () {
sequence.direction === 1
? (s == 'opposite' ? --bgpositer : ++bgpositer)
: (s == 'opposite' ? ++bgpositer : --bgpositer);
if (Modernizr.csstransitions) {
var el = parallaxBgContainer[0];
if (el && el.style && el.style.backgroundPositionX) {
parallaxBgContainer.css('background-position-x', bgpositer * bgincrement + '%');
}
else {
parallaxBgContainer.css('background-position', '{0} {1}'.format(bgpositer * bgincrement + '%', '50%'));
}
}
else {
// IE9 & others
parallaxBgContainer.stop().animate(
{
'background-position': '{0}={1}% +=0%'.format(sequence.direction === 1
? (s == 'opposite' ? "-" : "+")
: (s == 'opposite' ? "+" : "-"),
bgincrement)
},
{ duration: sequence.settings.transitionThreshold / 2, easing: "easeInOutQuad" });
}
};
}
}
});
})(jQuery);