Olu Amey
551 lines
30 KiB
JavaScript
551 lines
30 KiB
JavaScript
/*
|
|
* @author ThemePunch <info@themepunch.com>
|
|
* @link http://www.themepunch.com/
|
|
* @copyright 2017 ThemePunch
|
|
*/
|
|
|
|
;
|
|
(function() {
|
|
function w(a, c) {
|
|
this.slides = [];
|
|
this.slider = a;
|
|
this.options = c;
|
|
this.timer = this.onTimer.bind(this);
|
|
if (!a[0].opt.fallbacks.disableFocusListener) m(window).on("focus.rsaddonbeforeafter", this.onFocus.bind(this));
|
|
a.one("revolution.slide.onloaded", this.onLoaded.bind(this)).one("rsBeforeAfterDestroyed", this.destroy.bind(this))
|
|
}
|
|
|
|
function t(a, c, b, e, g, h, k, d, f, p, n, q, l, r) {
|
|
this.id = a;
|
|
this.bg = c;
|
|
this.index = r;
|
|
this.slide = e;
|
|
this.inner = b;
|
|
this.after = f;
|
|
this.before = p;
|
|
this.slider = n;
|
|
this.videoBg = g;
|
|
this.bgInner = k;
|
|
this.globals =
|
|
q;
|
|
this.videoSolo = h;
|
|
this.carousel = l;
|
|
this.animateOut = d.out;
|
|
this.direction = d.direction;
|
|
this.moveto = d.moveto.split("|");
|
|
this.timing = .001 * parseInt(d.time, 10);
|
|
this.delay = .001 * parseInt(d.delay, 10);
|
|
a = d.easing.split(".");
|
|
this.animation = punchgs[a[0]][a[1]];
|
|
"horizontal" === this.direction ? (this.normal = !0, this.axis = "left", this.size = "width") : (this.axis = "top", this.size = "height");
|
|
this.globals.hasOwnProperty("onClick") && (a = this.globals.onClick.easing.split("."), this.time = .001 * parseInt(this.globals.onClick.time, 10),
|
|
this.transition = punchgs[a[0]][a[1]]);
|
|
this.mouseUp = this.onMouseUp.bind(this);
|
|
this.mouseMove = this.onMouseMove.bind(this);
|
|
this.mouseClick = this.onClick.bind(this);
|
|
this.complete = this.onComplete.bind(this);
|
|
d.hasOwnProperty("bounceArrows") && (this.bounceArrows = d.bounceArrows, this.bounceDelay = parseInt(d.bounceDelay, 10), this.readyArrows = this.arrowsReady.bind(this), this.bounceDelay && (this.delayBounce = this.bounceReady.bind(this)));
|
|
d.hasOwnProperty("shiftOffset") && (this.shiftArrows = d.shiftOffset);
|
|
this.videoBg &&
|
|
!this.videoSolo && (this.videoPlay = this.playVideo.bind(this));
|
|
this.createDrag();
|
|
m.data(e[0], "rs-addon-beforeafter", this)
|
|
}
|
|
|
|
function z(a) {
|
|
this.style.zIndex = (a + 5).toString()
|
|
}
|
|
var m;
|
|
window.RevSliderBeforeAfter = function(a, c, b) {
|
|
a && c && "undefined" !== typeof punchgs && (m = a, m.event.special.rsBeforeAfterDestroyed = {
|
|
remove: function(a) {
|
|
a.handler()
|
|
}
|
|
}, new w(c, b))
|
|
};
|
|
w.prototype = {
|
|
init: function() {
|
|
var a = this.slider[0].opt,
|
|
c = a.responsiveLevels,
|
|
a = a.gridwidth;
|
|
Array.isArray(c) || (c = [c]);
|
|
Array.isArray(a) || (a = [a]);
|
|
this.levels = c;
|
|
this.widths =
|
|
a;
|
|
this.resize = this.onResize.bind(this);
|
|
this.slider.addClass("rs-before-after-addon").on("revolution.slide.onbeforeswap", this.beforeSwap.bind(this)).on("revolution.slide.onafterswap", this.afterSwap.bind(this))
|
|
},
|
|
onLoaded: function() {
|
|
var a = this,
|
|
c = this.slider[0].id,
|
|
b = this.slider.find(".tp-static-layers");
|
|
(this.carousel = this.options.carousel) && this.slider.addClass("before-after-carousel");
|
|
b.length || (b = this.slider.find(".tp-revslider-mainul"));
|
|
this.slider.data("before-after-placer", b).data("beforeafter-slides").each(function() {
|
|
var b =
|
|
m(this),
|
|
g = b.find('.tp-caption[data-beforeafter="before"]').toArray().map(function(a) {
|
|
return m(a).closest(".tp-parallax-wrap")
|
|
}),
|
|
h = b.find('.tp-caption[data-beforeafter="after"]').toArray().map(function(a) {
|
|
return m(a).closest(".tp-parallax-wrap")
|
|
}),
|
|
k = b.data("beforeafter-options");
|
|
b.addClass("rs-addon-beforeafter rs-addon-beforeafter-" + k.direction);
|
|
a.carousel || b.find("*").attr("draggable", !1);
|
|
var d = m('<div class="rs-addon-beforeafter-revealer rs-addon-beforeafter-before" />').append(g);
|
|
1 < g.length ? d.insertAfter(b.find(".tp-parallax-wrap").last()) :
|
|
d.appendTo(b);
|
|
var g = m('<div class="rs-addon-beforeafter-revealer rs-addon-beforeafter-after" />'),
|
|
h = m('<div class="rs-addon-beforeafter-inner" />').append(h)[0],
|
|
f = document.createElement("div"),
|
|
p = document.createElement("div"),
|
|
n = k.bgType;
|
|
if ("image" === n || "external" === n) f.style.backgroundImage = "url(" + k.bgImage + ")", f.style.backgroundPosition = k.bgPos, f.style.backgroundRepeat = k.bgRepeat, f.style.backgroundSize = k.bgFit;
|
|
else if ("solid" === n) f.style.background = k.bgColor;
|
|
else if ("trans" !== n && (n = b.data("beforeafter-video")) &&
|
|
(n.closest(".tp-parallax-wrap").addClass("rs-video-beforeafter"), !a.carousel)) {
|
|
var q = n;
|
|
var l = 0 === b.find(".rs-background-video-layer").length
|
|
}
|
|
b.attr("data-link") && "back" === b.attr("data-slideindex") && (d.addClass("rs-beforeafter-pointers"), g.addClass("rs-beforeafter-pointers"));
|
|
n = "rs-addon-beforeafter-bg-inner";
|
|
k.filter && (n += " " + k.filter);
|
|
p.className = "rs-addon-beforeafter-bg";
|
|
f.className = n;
|
|
p.appendChild(f);
|
|
b.find(".slotholder").append(p);
|
|
g.append(h).insertBefore(d);
|
|
a.slides[a.slides.length] = new t(c,
|
|
p, h, b, q, l, f, k, g[0], d[0], a.slider, a.options, a.carousel, b.attr("data-index"))
|
|
});
|
|
this.init()
|
|
},
|
|
beforeSwap: function(a, c) {
|
|
if (!this.checkRemoved()) {
|
|
this.slide = !1;
|
|
var b;
|
|
c.currentslide.length && (b = m.data(c.currentslide[0], "rs-addon-beforeafter")) && (b.removeEvents(), b[b.animateOut]());
|
|
(b = m.data(c.nextslide[0], "rs-addon-beforeafter")) && b.setup && b.reset()
|
|
}
|
|
},
|
|
afterSwap: function(a, c) {
|
|
!this.checkRemoved() && c.currentslide.hasClass("rs-addon-beforeafter") && (this.slide = m.data(c.currentslide[0], "rs-addon-beforeafter"),
|
|
this.slide.setup || (this.onResize(!1, !0), this.slide.onSetup(), this.slider.on("revolution.slide.afterdraw", this.resize)), this.slide.reset(!0), this.slide.reveal(), this.slide.addEvents())
|
|
},
|
|
checkRemoved: function() {
|
|
return this.slider && document.body.contains(this.slider[0]) ? !1 : (this.destroy(), !0)
|
|
},
|
|
onVideoPlay: function(a, c) {
|
|
this.slide && this.slide.videoBg && !this.slide.videoSolo && this.slide.playVideo()
|
|
},
|
|
destroy: function() {
|
|
m(window).off(".rsaddonbeforeafter");
|
|
if (this.slides)
|
|
for (; this.slides.length;) this.slides[0].destroy(),
|
|
this.slides.shift();
|
|
for (var a in this) this.hasOwnProperty(a) && delete this[a]
|
|
},
|
|
onFocus: function() {
|
|
clearTimeout(this.timer);
|
|
for (var a = this.slides.length; a--;) this.slides[a].supress = !0;
|
|
this.focusTimer = setTimeout(this.timer, 100)
|
|
},
|
|
onTimer: function() {
|
|
for (var a = this.slides.length; a--;) this.slides[a].supress = !1
|
|
},
|
|
onResize: function(a, c) {
|
|
if (a && this.carousel) clearTimeout(this.resizeTimer), this.resizeTimer = setTimeout(this.resize, 250);
|
|
else {
|
|
var b = this.slide;
|
|
if (b) {
|
|
var e, g = 0,
|
|
h = this.levels.length;
|
|
if (this.carousel) {
|
|
var k =
|
|
b.slide.width();
|
|
var d = b.slide.height()
|
|
} else k = this.slider.width(), d = this.slider.height();
|
|
for (e = 0; e < h; e++) k < this.levels[e] && (g = e);
|
|
c || (punchgs.TweenLite.killTweensOf(b.bg), punchgs.TweenLite.killTweensOf(b.after), punchgs.TweenLite.killTweensOf(b.before), punchgs.TweenLite.killTweensOf(b.revealBtn), b.revealLine && punchgs.TweenLite.killTweensOf(b.revealLine));
|
|
for (var h = k / this.widths[g], f = this.slides.length; f--;) e = this.slides[f], e.level = g, e.scale = h, e.blurred = !1, e.sliderWidth = k, e.sliderHeight = d, e.normal ? (e.bgInner.style.width =
|
|
k + "px", e.inner.style.width = k + "px") : (e.bgInner.style.height = d + "px", e.inner.style.height = d + "px");
|
|
c || (b.normal ? (k = b.moveto[b.level], -1 === k.search("%") && (k = (parseInt(k, 10) * h).toFixed(0) + "px"), d = "65%") : (k = "50%", d = b.moveto[b.level], -1 === d.search("%") && (d = (parseInt(d, 10) * h).toFixed(0) + "px")), b.resetDrag(k, d))
|
|
}
|
|
}
|
|
}
|
|
};
|
|
t.prototype = {
|
|
createDrag: function() {
|
|
var a = this.globals,
|
|
c = a.boxShadow,
|
|
b = a.arrowStyles,
|
|
e = a.arrowShadow,
|
|
g = a.arrowBorder,
|
|
h = a.dividerStyles,
|
|
k = a.dividerShadow,
|
|
d = parseInt(b.spacing, 10),
|
|
a = '<span class="rs-addon-beforeafter-btn rs-before-after-element rs-addon-beforeafter-btn-' +
|
|
this.direction + '" style="color: ' + b.color + ";font-size: " + parseInt(b.size, 10) + "px;background-color:" + b.bgColor + ";padding: " + parseInt(b.padding, 10) + "px;border-radius: " + b.borderRadius + ";cursor: " + a.cursor;
|
|
c && (a += "; box-shadow: 0px 0px " + parseInt(c.blur, 10) + "px " + parseInt(c.strength, 10) + "px " + c.color + ";");
|
|
g && (a += "; border: " + parseInt(g.size, 10) + "px solid " + g.color + ";");
|
|
e && (a += "; text-shadow: 0px 0px " + parseInt(e.blur, 10) + "px " + e.color + ";");
|
|
var f, p = "",
|
|
n = f = "",
|
|
q = "",
|
|
l = this.shiftArrows ? " rs-" + this.id + "-" +
|
|
this.index + "-rs-beforeafter-shift" : "";
|
|
this.normal ? (e = "padding-right", g = "padding-left", c = b.leftIcon, b = b.rightIcon, this.bounceArrows && (f = " rs-" + this.id + "-" + this.index + "-rs-beforeafter-bounce-", p = f + "left", f += "right"), this.shiftArrows && (n = "transform: translateX(-" + this.shiftArrows + "px);", q = "transform: translateX(" + this.shiftArrows + "px);")) : (e = "margin-bottom", g = "margin-top", c = b.topIcon, b = b.bottomIcon, this.bounceArrows && (f = " rs-" + this.id + "-" + this.index + "-rs-beforeafter-bounce-", p = f + "top", f += "bottom"), this.shiftArrows &&
|
|
(n = "transform: translateY(-" + this.shiftArrows + "px);", q = "transform: translateY(" + this.shiftArrows + "px);"));
|
|
a += '" />';
|
|
this.btn1 = m('<i class="' + c + l + p + '" style="' + n + e + ": " + d + 'px">');
|
|
this.btn2 = m('<i class="' + b + l + f + '" style="' + q + g + ": " + d + 'px">');
|
|
this.btn = m(a).on("mousedown touchstart", this.onMouseDown.bind(this));
|
|
this.btn[0].appendChild(this.btn1[0]);
|
|
this.btn[0].appendChild(this.btn2[0]);
|
|
d = parseInt(h.width, 10);
|
|
a = [];
|
|
d && (h = '<span class="rs-addon-beforeafter-line rs-before-after-element rs-beforeafter-' + this.direction +
|
|
'" style="' + this.size + ": " + d + "px; " + (this.normal ? "margin-left: " : "margin-top: ") + -Math.floor(.5 * d) + "px; background-color: " + h.color, k && (h += "; box-shadow: 0px 0px " + parseInt(k.blur, 10) + "px " + parseInt(k.strength, 10) + "px " + k.color + ";"), this.revealLine = m(h + '"></span>')[0], this.pixel = 0 === d % 2 ? 0 : 1, a[0] = this.revealLine);
|
|
this.revealBtn = this.btn[0];
|
|
a[a.length] = this.revealBtn;
|
|
this.carousel ? this.slide.append(a) : m(a).insertAfter(this.slider.data("before-after-placer"))
|
|
},
|
|
onSetup: function() {
|
|
var a = this.btn.outerWidth(!0),
|
|
c = this.btn.outerHeight(!0),
|
|
a = Math.max(a, c),
|
|
b = c = 0;
|
|
this.revealLine && (this.normal ? c += this.pixel : b += this.pixel);
|
|
var e = Math.floor(.5 * a);
|
|
this.buffer = e;
|
|
this.setup = !0;
|
|
this.btn.css({
|
|
width: a,
|
|
height: a,
|
|
marginTop: -e + b,
|
|
marginLeft: -e + c
|
|
});
|
|
delete this.btn
|
|
},
|
|
addEvents: function() {
|
|
var a = this.carousel ? this.slide : this.slider;
|
|
a.on("mouseup.rsaddonbeforeafter mouseleave.rsaddonbeforeafter touchend.rsaddonbeforeafter", this.mouseUp).on("mousemove.rsaddonbeforeafter touchmove.rsaddonbeforeafter", this.mouseMove);
|
|
if (this.transition) a.on("click.rsaddonbeforeafter",
|
|
this.mouseClick)
|
|
},
|
|
removeEvents: function() {
|
|
this.onMouseUp();
|
|
(this.carousel ? this.slide : this.slider).off(".rsaddonbeforeafter");
|
|
this.shiftArrows && this.btn1.off(".rsaddonbeforeafter");
|
|
this.bounceDelay && clearTimeout(this.bounceTimer)
|
|
},
|
|
updateDrag: function(a, c) {
|
|
if (this.before) {
|
|
if (this.normal) {
|
|
var b = a;
|
|
var e = this.sliderWidth - a;
|
|
c = Math.min(this.sliderHeight - this.buffer, Math.max(c, this.buffer))
|
|
} else b = c, e = this.sliderHeight - c, a = Math.min(this.sliderWidth - this.buffer, Math.max(a, this.buffer));
|
|
this.revealBtn.style.left =
|
|
a + "px";
|
|
this.revealBtn.style.top = c + "px";
|
|
this.before.style[this.size] = b + "px";
|
|
this.after.style[this.size] = e + "px";
|
|
this.bg.style[this.size] = e + "px";
|
|
this.revealLine && (this.revealLine.style[this.axis] = b + "px")
|
|
}
|
|
},
|
|
resetDrag: function(a, c) {
|
|
if (this.before) {
|
|
if (this.normal) {
|
|
var b = a;
|
|
var e = parseInt(a, 10);
|
|
e = -1 !== a.search("%") ? 100 - e + "%" : this.sliderWidth - e + "px"
|
|
} else b = c, e = parseInt(c, 10), e = -1 !== c.search("%") ? 100 - e + "%" : this.sliderHeight - e + "px";
|
|
this.revealBtn.style.left = a;
|
|
this.revealBtn.style.top = c;
|
|
this.before.style[this.size] =
|
|
b;
|
|
this.after.style[this.size] = e;
|
|
this.bg.style[this.size] = e;
|
|
this.revealLine && (this.revealLine.style[this.axis] = b)
|
|
}
|
|
},
|
|
onMouseDown: function(a) {
|
|
this.canDrag = this.prevent = !0;
|
|
this.slider.addClass("dragging");
|
|
this.shiftArrows && (this.btn1.off(".rsaddonbeforeafter"), this.slider.addClass("rs-beforeafter-shift-arrows"));
|
|
this.bounceArrows && (this.bounceDelay && clearTimeout(this.bounceTimer), this.slider.removeClass("rs-beforeafter-bounce-arrows"));
|
|
this.carousel && a.stopImmediatePropagation()
|
|
},
|
|
onMouseMove: function(a) {
|
|
if (!this.supress &&
|
|
this.canDrag) {
|
|
var c = a.originalEvent.touches;
|
|
c && (a = c[0]);
|
|
var b = (this.carousel ? this.slide : this.slider).offset(),
|
|
c = a.pageX - b.left;
|
|
a = a.pageY - b.top;
|
|
(this.normal ? 0 < c && c < this.sliderWidth : 0 < a && a < this.sliderHeight) && this.updateDrag(c, a)
|
|
}
|
|
},
|
|
onMouseUp: function(a) {
|
|
this.canDrag = !1;
|
|
this.slider.removeClass("dragging");
|
|
a && "infinite" === this.bounceArrows && (this.bounceDelay ? this.bounceTimer = setTimeout(this.delayBounce, this.bounceDelay) : (this.shiftArrows && this.slider.removeClass("rs-beforeafter-shift-arrows"), this.slider.addClass("rs-beforeafter-bounce-arrows")))
|
|
},
|
|
onClick: function(a) {
|
|
if (!this.supress && !this.blurred)
|
|
if (this.prevent) this.prevent = !1;
|
|
else {
|
|
var c = a.target,
|
|
b = /tparrows|tp-bullet|tp-tab|tp-thumb|tp-withaction/,
|
|
e;
|
|
if (!(e = "A" === a.target.tagName || b.test(c.className))) a: {
|
|
for (; c.parentNode;)
|
|
if (c = c.parentNode, "A" === c.tagName || b.test(c.className)) {
|
|
e = !0;
|
|
break a
|
|
}
|
|
e = !1
|
|
}
|
|
e || (c = (this.carousel ? this.slide : this.slider).offset(), b = a.pageX - c.left, e = a.pageY - c.top, this.normal ? (c = b, a = this.sliderWidth, e = Math.min(this.sliderHeight - this.buffer, Math.max(e, this.buffer))) : (c = e,
|
|
a = this.sliderHeight, b = Math.min(this.sliderWidth - this.buffer, Math.max(b, this.buffer))), punchgs.TweenLite.to(this.revealBtn, this.time, {
|
|
left: b,
|
|
top: e,
|
|
ease: this.transition
|
|
}), b = {
|
|
ease: this.transition
|
|
}, b[this.size] = a - c, punchgs.TweenLite.to(this.bg, this.time, b), b = {
|
|
ease: this.transition
|
|
}, b[this.size] = c, punchgs.TweenLite.to(this.before, this.time, b), b = {
|
|
ease: this.transition
|
|
}, b[this.size] = a - c, punchgs.TweenLite.to(this.after, this.time, b), b = {
|
|
ease: this.transition
|
|
}, b[this.axis] = c, this.revealLine && punchgs.TweenLite.to(this.revealLine,
|
|
this.time, b))
|
|
}
|
|
},
|
|
bounceReady: function() {
|
|
this.slider.removeClass("rs-beforeafter-shift-arrows").addClass("rs-beforeafter-bounce-arrows")
|
|
},
|
|
arrowsReady: function() {
|
|
this.bounceDelay ? this.bounceTimer = setTimeout(this.delayBounce, this.bounceDelay) : this.bounceReady()
|
|
},
|
|
onComplete: function() {
|
|
this.supress = !1;
|
|
if (this.shiftArrows) {
|
|
if (this.bounceArrows) this.btn1.one("webkitTransitionEnd.rsaddonbeforeafter transitionend.rsaddonbeforeafter", this.readyArrows);
|
|
this.slider.addClass("rs-beforeafter-shift-arrows")
|
|
} else this.bounceArrows &&
|
|
this.arrowsReady()
|
|
},
|
|
fade: function() {
|
|
punchgs.TweenLite.to(this.bg, .3, {
|
|
opacity: 0,
|
|
ease: punchgs.Power2.easeInOut
|
|
});
|
|
punchgs.TweenLite.to(this.revealBtn, .3, {
|
|
autoAlpha: 0,
|
|
ease: punchgs.Power2.easeInOut
|
|
});
|
|
this.revealLine && punchgs.TweenLite.to(this.revealLine, .3, {
|
|
autoAlpha: 0,
|
|
ease: punchgs.Power2.easeInOut
|
|
})
|
|
},
|
|
collapse: function() {
|
|
a = {
|
|
ease: this.animation
|
|
};
|
|
a[this.size] = 0;
|
|
punchgs.TweenLite.to(this.bg, this.timing, a);
|
|
var a = {
|
|
ease: this.animation
|
|
};
|
|
a[this.size] = "100%";
|
|
punchgs.TweenLite.to(this.before, this.timing, a);
|
|
a = {
|
|
ease: this.animation
|
|
};
|
|
a[this.size] = 0;
|
|
punchgs.TweenLite.to(this.after, this.timing, a);
|
|
a = {
|
|
autoAlpha: 0,
|
|
ease: this.animation
|
|
};
|
|
a[this.axis] = "100%";
|
|
this.revealLine && punchgs.TweenLite.to(this.revealLine, this.timing, a);
|
|
a = {
|
|
autoAlpha: 0,
|
|
ease: this.animation
|
|
};
|
|
a[this.axis] = "100%";
|
|
punchgs.TweenLite.to(this.revealBtn, this.timing, a)
|
|
},
|
|
reset: function(a) {
|
|
this.supress = !0;
|
|
this.normal ? (this.revealBtn.style.top = "65%", this.revealBtn.style.left = "100%") : (this.revealBtn.style.top = "100%", this.revealBtn.style.left = "50%");
|
|
this.before.style[this.size] =
|
|
"100%";
|
|
this.after.style[this.size] = "0";
|
|
this.bg.style[this.size] = "0";
|
|
this.revealLine && (this.revealLine.style[this.axis] = "100%");
|
|
this.shiftArrows && this.btn1.off(".rsaddonbeforeafter");
|
|
this.bounceDelay && clearTimeout(this.bounceTimer);
|
|
a && (this.shiftArrows && this.slider.removeClass("rs-beforeafter-shift-arrows"), this.bounceArrows && this.slider.removeClass("rs-beforeafter-bounce-arrows"))
|
|
},
|
|
playVideo: function() {
|
|
m.fn.revolution.playAnimationFrame({
|
|
caption: this.videoBg,
|
|
opt: this.slider[0].opt,
|
|
frame: "frame_0",
|
|
triggerdirection: "in",
|
|
triggerframein: "frame_0",
|
|
triggerframeout: "frame_999"
|
|
})
|
|
},
|
|
checkVideo: function() {
|
|
var a = this.slide.find(".rs-background-video-layer video");
|
|
if (a.length) a.off(".rsaddonbeforeafter").on("play.rsaddonbeforeafter", this.videoPlay);
|
|
else this.playVideo()
|
|
},
|
|
reveal: function() {
|
|
this.videoBg && (this.videoSolo ? this.playVideo() : this.checkVideo());
|
|
var a = this.moveto[this.level],
|
|
c = -1 !== a.search("%"),
|
|
b = parseInt(a, 10);
|
|
if (this.normal) {
|
|
if (c) {
|
|
var e = c = a;
|
|
b = 100 - b + "%"
|
|
} else a = c = e = b * this.scale, b = this.sliderWidth -
|
|
a;
|
|
var g = "65%"
|
|
} else c ? (g = c = a, b = 100 - b + "%") : (a = c = g = b * this.scale, b = this.sliderHeight - a), e = "65%";
|
|
h = {
|
|
ease: this.animation,
|
|
delay: this.delay
|
|
};
|
|
h[this.size] = b;
|
|
this.bg.style.opacity = "1";
|
|
punchgs.TweenLite.to(this.bg, this.timing, h);
|
|
var h = {
|
|
ease: this.animation,
|
|
delay: this.delay
|
|
};
|
|
h[this.size] = c;
|
|
punchgs.TweenLite.to(this.before, this.timing, h);
|
|
h = {
|
|
ease: this.animation,
|
|
delay: this.delay
|
|
};
|
|
h[this.size] = b;
|
|
this.after.style.opacity = "1";
|
|
punchgs.TweenLite.to(this.after, this.timing, h);
|
|
this.revealLine && (h = {
|
|
ease: this.animation,
|
|
delay: this.delay
|
|
},
|
|
h[this.axis] = a, punchgs.TweenLite.to(this.revealLine, .3, {
|
|
autoAlpha: 1,
|
|
ease: punchgs.Power2.easeOut
|
|
}), punchgs.TweenLite.to(this.revealLine, this.timing, h));
|
|
punchgs.TweenLite.to(this.revealBtn, .3, {
|
|
autoAlpha: 1,
|
|
ease: punchgs.Power2.easeOut
|
|
});
|
|
punchgs.TweenLite.to(this.revealBtn, this.timing, {
|
|
delay: this.delay,
|
|
left: e,
|
|
top: g,
|
|
ease: this.animation,
|
|
onComplete: this.complete
|
|
})
|
|
},
|
|
destroy: function() {
|
|
punchgs.TweenLite.killTweensOf(this.bg);
|
|
punchgs.TweenLite.killTweensOf(this.after);
|
|
punchgs.TweenLite.killTweensOf(this.before);
|
|
punchgs.TweenLite.killTweensOf(this.revealBtn);
|
|
this.revealLine && punchgs.TweenLite.killTweensOf(this.revealLine);
|
|
m.removeData(this.slide[0], "rs-addon-beforeafter", this);
|
|
for (var a in this) this.hasOwnProperty(a) && delete this[a]
|
|
}
|
|
};
|
|
"undefined" !== typeof jQuery && jQuery(".rev_slider").each(function() {
|
|
var a = "",
|
|
c = jQuery(this),
|
|
b = c[0].id,
|
|
e = c.find("li[data-beforeafter]");
|
|
if (e.length) {
|
|
e.each(function() {
|
|
var c = jQuery(this);
|
|
var e = c.attr("data-index"),
|
|
d = JSON.parse(c.attr("data-beforeafter"));
|
|
c.data("beforeafter-options",
|
|
d);
|
|
if (/html5|youtube|vimeo/.test(d.bgType)) {
|
|
var f = '<div class="tp-caption tp-resizeme fullscreenvideo disabled_lc tp-videolayer" id="slide-' + c.attr("data-index").replace("rs-", "") + "-layer-0\" data-type=\"video\" data-x=\"['0','0','0','0']\" data-y=\"['0','0','0','0']\" data-beforeafter=\"after\" data-basealign=\"slide\" data-responsive_offset=\"on\" data-exitfullscreenonpause=\"off\" data-videocontrols=\"none\" data-videowidth=\"['100%','100%','100%','100%']\" data-videoheight=\"['100%','100%','100%','100%']\" data-videopreload=\"auto\" data-paddingtop=\"[0,0,0,0]\" data-paddingright=\"[0,0,0,0]\" data-paddingbottom=\"[0,0,0,0]\" data-paddingleft=\"[0,0,0,0]\" data-autoplay=\"on\" data-frames='" +
|
|
('[{"delay":"' + (d.carousel ? "10" : "bytrigger") + '","speed":0,"frame":"0","to":"o:1;","ease":"Linear.easeNone"},{"delay":"wait","speed":0,"frame":"999","ease":"Linear.easeNone"}]') + "' data-textAlign=\"['inherit','inherit','inherit','inherit']\" data-videoloop=\"" + d.loopVideo + '" data-aspectratio="' + d.aspectRatio + '" ';
|
|
d.forceCover && (f += 'data-forceCover="1" ');
|
|
"none" !== d.dottedOverlay && (f += 'data-dottedoverlay="' + d.dottedOverlay + '" ');
|
|
d.nextSlideOnEnd && (f += 'data-nextslideatend="true" ');
|
|
d.rewindOnStart &&
|
|
(f += 'data-forcerewind="on" ');
|
|
d.videoStartAt && (f += 'data-videostartat="' + d.videoStartAt + '" ');
|
|
d.videoEndAt && (f += 'data-videoendat="' + d.videoEndAt + '" ');
|
|
switch (d.bgType) {
|
|
case "html5":
|
|
d.muteVideo && (f += 'data-volume="mute" ');
|
|
var g = d.videoOgv,
|
|
n = d.videoWebm,
|
|
m = d.videoMpeg;
|
|
if (m || g || n) {
|
|
f = f + ('data-videoogv="' + g + '" ') + ('data-videowebm="' + n + '" ') + ('data-videomp4="' + m + '" ');
|
|
var l = !0
|
|
}
|
|
break;
|
|
case "youtube":
|
|
if (g = d.videoId) f += 'data-ytid="' + g + '" ', f += 'data-videorate="' + d.videoSpeed + '" ', f += 'data-videoattributes="' + d.youtubeArgs +
|
|
'" ', f = d.muteVideo ? f + 'data-volume="mute" ' : f + ('data-volume="' + d.videoVolume + '" '), l = !0;
|
|
break;
|
|
case "vimeo":
|
|
if (g = d.videoId) f += 'data-vimeoid="' + g + '" ', f += 'data-videoattributes="' + d.vimeoArgs + '" ', f = d.muteVideo ? f + 'data-volume="mute" ' : f + ('data-volume="' + d.videoVolume + '" '), l = !0
|
|
}
|
|
l && (c.find(".tp-caption").each(z), l = jQuery(f + 'style="z-index: 5"><div class="rs-fullvideo-cover"></div></div>').insertAfter(c.find(".rev-slidebg")), c.data("beforeafter-video", l))
|
|
}
|
|
if (d.hasOwnProperty("bounceArrows")) {
|
|
c = .001 * parseInt(d.bounceSpeed,
|
|
10);
|
|
var g = "initial" !== d.bounceArrows ? "infinite" : "1",
|
|
n = parseInt(d.bounceAmount, 10),
|
|
m = "repel" === d.bounceType,
|
|
r = Math.round(.5 * n);
|
|
"horizontal" === d.direction ? (l = "X", f = ["left", "right"]) : (l = "Y", f = ["top", "bottom"]);
|
|
for (var u = 0; 2 > u; u++) {
|
|
var x = m ? 0 === u ? "-" : "" : 0 === u ? "" : "-",
|
|
w = a,
|
|
v = f[u],
|
|
t = c.toFixed(2),
|
|
y = d.bounceEasing;
|
|
a = w + ("@-webkit-keyframes " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " {0%, 20%, 50%, 80%, 100% {-webkit-transform: translate" + l + "(0);transform: translate" + l + "(0)}40% {-webkit-transform: translate" + l + "(" +
|
|
n + "px);transform: translate" + l + "(" + x + n + "px)}60% {-webkit-transform: translate" + l + "(" + r + "px);transform: translate" + l + "(" + x + r + "px)}}@keyframes " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " {0%, 20%, 50%, 80%, 100% {-webkit-transform: translate" + l + "(0);transform: translate" + l + "(0)}40% {-webkit-transform: translate" + l + "(" + n + "px);transform: translate" + l + "(" + x + n + "px)}60% {-webkit-transform: translate" + l + "(" + r + "px);transform: translate" + l + "(" + x + r + "px)}}.rs-beforeafter-bounce-arrows .rs-" + b + "-" + e + "-rs-beforeafter-bounce-" +
|
|
v + " {-webkit-animation: " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " " + t + "s " + y + " " + g + ";animation: " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " " + t + "s " + y + " " + g + "}")
|
|
}
|
|
}
|
|
if (d.hasOwnProperty("shiftOffset"))
|
|
for (c = .001 * parseInt(d.shiftTiming, 10), l = .001 * parseInt(d.shiftDelay, 10), f = 0; 2 > f; f++) g = d.shiftEasing, a += ".rs-beforeafter-shift-arrows .rs-" + b + "-" + e + "-rs-beforeafter-shift {-webkit-transition: all " + c + "s " + g + " " + l + "s;transition: all " + c + "s " + g + " " + l + "s}"
|
|
});
|
|
if (a) {
|
|
var g = document.createElement("style");
|
|
g.type = "text/css";
|
|
g.innerHTML = a;
|
|
document.head.appendChild(g)
|
|
}
|
|
c.data("beforeafter-slides", e)
|
|
}
|
|
})
|
|
})(); |