Demoo Video 9
demo11
demo14
demo15
demo15
demo16
Video 1
Video 2
Video 3
Video 4
Video 5
Video 6
Video 7
'; plugin.settings = {}; plugin.init = function () { plugin.settings = $.extend({}, defaults, options); if ($.isArray(elem)) { elements = elem; ui.target = $(window); ui.init(plugin.settings.initialIndexOnArray) } else { $selector.click(function (e) { elements = []; var index, relType, relVal; if (!relVal) { relType = "rel"; relVal = $(this).attr(relType) } if (relVal && relVal !== "" && relVal !== "nofollow") { $elem = $selector.filter("[" + relType + '="' + relVal + '"]') } else { $elem = $(selector) } $elem.each(function () { var title = null, href = null; if ($(this).attr("data-name")) title = $(this).attr("data-name"); if ($(this).attr("data-href")) href = $(this).attr("data-href"); elements.push({ href: href, title: title }) }); index = $elem.index($(this)); e.preventDefault(); e.stopPropagation(); ui.target = $(e.target); ui.init(index) }) } }; plugin.refresh = function () { if (!$.isArray(elem)) { ui.destroy(); $elem = $(selector); ui.actions() } }; var ui = { init: function (index) { if (plugin.settings.beforeOpen) plugin.settings.beforeOpen(); this.target.trigger("tsvg-parallax-swipebox-451787-start"); $.tsvgParallaxSwipeBox451787.isOpen = true; this.build(); this.openSlide(index); this.openMedia(index); this.preloadMedia(index + 1); this.preloadMedia(index - 1) }, build: function () { var $this = this; $("body").append(html); jQuery("#tsvg-parallax-swipebox-451787-next,#tsvg-parallax-swipebox-451787-prev,#tsvg-parallax-swipebox-451787-close").removeAttr('class'); jQuery("#tsvg-parallax-swipebox-451787-close").addClass(jQuery(".tsvg-parallax-blocks-container-451787").attr('data-item-close')); jQuery("#tsvg-parallax-swipebox-451787-next").addClass(jQuery(".tsvg-parallax-blocks-container-451787").attr('data-item-next')); jQuery("#tsvg-parallax-swipebox-451787-prev").addClass(jQuery(".tsvg-parallax-blocks-container-451787").attr('data-item-prev')); if ($this.doCssTrans()) { $("#tsvg-parallax-swipebox-451787-slider").css({ "-webkit-transition": "left 0.4s ease", "-moz-transition": "left 0.4s ease", "-o-transition": "left 0.4s ease", "-khtml-transition": "left 0.4s ease", transition: "left 0.4s ease" }); $("#tsvg-parallax-swipebox-451787-overlay").css({ "-webkit-transition": "opacity 1s ease", "-moz-transition": "opacity 1s ease", "-o-transition": "opacity 1s ease", "-khtml-transition": "opacity 1s ease", transition: "opacity 1s ease" }); $("#tsvg-parallax-swipebox-451787-action, #tsvg-parallax-swipebox-451787-caption").css({ "-webkit-transition": "0.5s", "-moz-transition": "0.5s", "-o-transition": "0.5s", "-khtml-transition": "0.5s", transition: "0.5s" }) } if (supportSVG) { var bg = $("#tsvg-parallax-swipebox-451787-action #tsvg-parallax-swipebox-451787-close").css("background-image"); bg = bg.replace("png", "svg"); $("#tsvg-parallax-swipebox-451787-action #tsvg-parallax-swipebox-451787-prev,#tsvg-parallax-swipebox-451787-action #tsvg-parallax-swipebox-451787-next,#tsvg-parallax-swipebox-451787-action #tsvg-parallax-swipebox-451787-close").css({ "background-image": bg }) } $.each(elements, function () { $("#tsvg-parallax-swipebox-451787-slider").append('
') }); $this.setDim(); $this.actions(); $this.keyboard(); $this.gesture(); $this.animBars(); $this.resize() }, setDim: function () { var width, height, sliderCss = {}; if ("onorientationchange" in window) { window.addEventListener("orientationchange", function () { if (window.orientation == 0) { width = winWidth; height = winHeight } else if (window.orientation == 90 || window.orientation == -90) { width = winHeight; height = winWidth } }, false) } else { width = window.innerWidth ? window.innerWidth : $(window).width(); height = window.innerHeight ? window.innerHeight : $(window).height() } sliderCss = { width: width, height: height }; $("#tsvg-parallax-swipebox-451787-overlay").css(sliderCss) }, resize: function () { var $this = this; $(window).resize(function () { $this.setDim() }).resize() }, supportTransition: function () { var prefixes = "transition WebkitTransition MozTransition OTransition msTransition KhtmlTransition".split(" "); for (var i = 0; prefixes.length > i; i++) { if (document.createElement("div").style[prefixes[i]] !== undefined) { return prefixes[i] } } return false }, doCssTrans: function () { if (plugin.settings.useCSS && this.supportTransition()) { return true } }, gesture: function () { if (isTouch) { var $this = this, distance = null, swipMinDistance = 10, startCoords = {}, endCoords = {}; var bars = $("#tsvg-parallax-swipebox-451787-caption, #tsvg-parallax-swipebox-451787-action"); bars.addClass("tsvg-parallax-visible-bars"); $this.setTimeout(); $("body").bind("touchstart", function (e) { $(this).addClass("touching"); endCoords = e.originalEvent.targetTouches[0]; startCoords.pageX = e.originalEvent.targetTouches[0].pageX; $(".touching").bind("touchmove", function (e) { e.preventDefault(); e.stopPropagation(); endCoords = e.originalEvent.targetTouches[0] }); return false }).bind("touchend", function (e) { e.preventDefault(); e.stopPropagation(); distance = endCoords.pageX - startCoords.pageX; if (distance >= swipMinDistance) { $this.getPrev() } else if (distance <= -swipMinDistance) { $this.getNext() } else { if (!bars.hasClass("tsvg-parallax-visible-bars")) { $this.showBars(); $this.setTimeout() } else { $this.clearTimeout(); $this.hideBars() } } $(".touching").off("touchmove").removeClass("touching") }) } }, setTimeout: function () { if (plugin.settings.hideBarsDelay > 0) { var $this = this; $this.clearTimeout(); $this.timeout = window.setTimeout(function () { $this.hideBars() }, plugin.settings.hideBarsDelay) } }, clearTimeout: function () { window.clearTimeout(this.timeout); this.timeout = null }, showBars: function () { var bars = $("#tsvg-parallax-swipebox-451787-caption, #tsvg-parallax-swipebox-451787-action"); if (this.doCssTrans()) { bars.addClass("tsvg-parallax-visible-bars"); var current = jQuery('div.tsvgParallaxEngineSlide451787.current'); var x = jQuery(current[0].children[0].children[0]); x[0].children[0].controls = true; } else { $("#tsvg-parallax-swipebox-451787-caption").animate({ top: 0 }, 500); $("#tsvg-parallax-swipebox-451787-action").animate({ bottom: 0 }, 500); setTimeout(function () { bars.addClass("tsvg-parallax-visible-bars") }, 1e3) } }, hideBars: function () { var bars = $("#tsvg-parallax-swipebox-451787-caption, #tsvg-parallax-swipebox-451787-action"); if (this.doCssTrans()) { bars.removeClass("tsvg-parallax-visible-bars") } else { $("#tsvg-parallax-swipebox-451787-caption").animate({ top: "-50px" }, 500); $("#tsvg-parallax-swipebox-451787-action").animate({ bottom: "-50px" }, 500); setTimeout(function () { bars.removeClass("tsvg-parallax-visible-bars") }, 1e3) } }, animBars: function () { var $this = this; var bars = $("#tsvg-parallax-swipebox-451787-caption, #tsvg-parallax-swipebox-451787-action"); bars.addClass("tsvg-parallax-visible-bars"); $this.setTimeout(); $("#tsvg-parallax-swipebox-451787-slider").click(function (e) { if (!bars.hasClass("tsvg-parallax-visible-bars")) { $this.showBars(); $this.setTimeout() } }); $("#tsvg-parallax-swipebox-451787-action").hover(function () { $this.showBars(); bars.addClass("tsvg-parallax-force-visible-bars"); $this.clearTimeout() }, function () { bars.removeClass("tsvg-parallax-force-visible-bars"); $this.setTimeout() }) }, keyboard: function () { var $this = this; $(window).bind("keyup", function (e) { e.preventDefault(); e.stopPropagation(); if (e.keyCode == 37) { $this.getPrev() } else if (e.keyCode == 39) { $this.getNext() } else if (e.keyCode == 27) { $this.closeSlide() } }) }, actions: function () { var $this = this; if (2 > elements.length2) { $("#tsvg-parallax-swipebox-451787-prev, #tsvg-parallax-swipebox-451787-next").hide() } else { $("#tsvg-parallax-swipebox-451787-prev").bind("click touchend", function (e) { var iframes = jQuery('.tsvgParallaxEngineSlide451787').find('iframe'); jQuery(iframes).each(function (i, el) { var src = jQuery(el).attr('src'); jQuery(el).attr('src', src); }); e.preventDefault(); e.stopPropagation(); $this.getPrev(); $this.setTimeout() }); $("#tsvg-parallax-swipebox-451787-next").bind("click touchend", function (e) { var iframes = jQuery('.tsvgParallaxEngineSlide451787').find('iframe'); jQuery(iframes).each(function (i, el) { var src = jQuery(el).attr('src'); jQuery(el).attr('src', src); }); e.preventDefault(); e.stopPropagation(); $this.getNext(); $this.setTimeout() }) } $("#tsvg-parallax-swipebox-451787-close").bind("click touchend", function (e) { $this.closeSlide() }) }, setSlide: function (index,prevIndex,isFirst) { isFirst = isFirst || false; var videoSlide = $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").eq(prevIndex); var iframePlayer = videoSlide.find('iframe').get(0); var mp4Player = videoSlide.find('video').get(0); if(iframePlayer){ videoSlide.find('iframe').attr("src",videoSlide.find('iframe').attr("src")); }else if (mp4Player){ mp4Player.pause(); mp4Player.currentTime = 0; } var slider = $("#tsvg-parallax-swipebox-451787-slider"); if (this.doCssTrans()) { slider.css({ left: -index * 100 + "%" }) } else { slider.animate({ left: -index * 100 + "%" }) } $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").removeClass("current"); $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").eq(index).addClass("current"); this.setTitle(index); if (isFirst) { slider.fadeIn() } $("#tsvg-parallax-swipebox-451787-prev, #tsvg-parallax-swipebox-451787-next").removeClass("disabled"); if (index == 0) { $("#tsvg-parallax-swipebox-451787-prev").addClass("disabled") } else if (index == elements.length - 1) { $("#tsvg-parallax-swipebox-451787-next").addClass("disabled") } }, openSlide: function (index) { $("html").addClass("tsvg-paralax-swipebox-451787"); $(window).trigger("resize"); this.setSlide(index, 0 , true) }, preloadMedia: function (index) { var $this = this, src = null; if (elements[index] !== undefined) { src = elements[index].href; var r = src.replace('embed/', 'watch?v='); } src = r; if (!$this.isVideo(src)) { setTimeout(function () { $this.openMedia(index) }, 1e3) } else { $this.openMedia(index) } }, openMedia: function (index) { var $this = this, src = null; if (elements[index] !== undefined && elements[index].href !== null) { src = elements[index].href; if(src.indexOf('shorts/') > -1 ){ src = src.replace("shorts/", "watch?v="); } else if(src.indexOf('embed/') > -1 ){ src = src.replace('embed/', 'watch?v='); } } if (0 > index || index >= elements.length) { return false } if (!$this.isVideo(src)) { $this.loadMedia(src, function () { $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").eq(index).html(this) }) } else { $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").eq(index).html($this.getVideo(src)) } }, setTitle: function (index, isFirst) { var title = null; $("#tsvg-parallax-swipebox-451787-caption").empty(); if (elements[index] !== undefined) title = elements[index].title; if (title) { $("#tsvg-parallax-swipebox-451787-caption").append(title) } }, isVideo: function (src) { if (src) { if (src.match(/youtube\.com\/watch\?v=([a-zA-Z0-9\-_]+)/) || src.match(/vimeo\.com\/([0-9]*)/) || src.match(/wistia\.net\/([a-zA-Z0-9\-_]+)/) || src.indexOf('mp4') != -1 || src.indexOf('rumble.com/') != -1) { return true; } } }, getVideo: function (url) { var iframe = ""; var output = ""; var youtubeUrl = url.match(/watch\?v=([a-zA-Z0-9\-_]+)/); var vimeoUrl = url.match(/vimeo\.com\/([0-9]*)/); var wistiaUrl = url.match(/wistia\.net\/([a-zA-Z0-9\-_]+)/); let url_heigth = Math.round(jQuery(window).width() * 0.7 / 16 * 9); var tsvg_autoplay = jQuery('.tsvg-main-content-451787').attr('data-tsvg-autoplay'); if (youtubeUrl) { url_heigth = Math.round(jQuery(window).width() * 0.7 / 16 * 9); var s = youtubeUrl.input.replace('watch?v=', 'embed/'); if (youtubeUrl.input.indexOf('start') === -1) { var url_end = tsvg_autoplay == "true" ? '?autoplay=1&mute=1' : '?&rel=0;iv_load_policy=3'; var url_yutub = 'https://www.youtube.com/embed/' + youtubeUrl[1] + url_end iframe = '
' }else { iframe = '
' } }else if (url.indexOf("mp4") != -1) { if (tsvg_autoplay == "true") { var iframe = '
' }else{ var iframe = '
' } }else if (vimeoUrl) { if (tsvg_autoplay == "true") { var vim = vimeoUrl.input + '?autoplay=1&muted=1'; var iframe = '
' } else{ var iframe = '
' } } if (url.indexOf("wistia") != -1) { wistiaUrl = wistiaUrl.input; wistiaUrl = wistiaUrl.replace('watch?v=', 'embed/'); iframe = '
' } else if(url.indexOf('rumble.com/') != -1) { var regExp = url.split('rumble.com/'); var match = regExp[1]; tsvgRumbleUrl = 'https://rumble.com/' + match; if (tsvgRumbleUrl.indexOf('watch?v=') > -1) { tsvgRumbleUrl = tsvgRumbleUrl.replace('watch?v=','embed/'); } iframe = '
' } return '
" }, loadMedia: function (src, callback) { if (!this.isVideo(src)) { var img = $("").on("load", function () { callback.call(img) }); img.attr("src", src) } }, getNext: function () { var $this = this; index = $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").index($("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787.current")); var prevIndex = index; if (elements.length > index + 1) { index++; $this.setSlide(index,prevIndex); $this.preloadMedia(index + 1) } else { $("#tsvg-parallax-swipebox-451787-slider").addClass("tsvgRightSpring"); setTimeout(function () { $("#tsvg-parallax-swipebox-451787-slider").removeClass("tsvgRightSpring") }, 500) } }, getPrev: function () { index = $("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787").index($("#tsvg-parallax-swipebox-451787-slider .tsvgParallaxEngineSlide451787.current")); var prevIndex = index; if (index > 0) { index--; this.setSlide(index,prevIndex); this.preloadMedia(index - 1) } else { $("#tsvg-parallax-swipebox-451787-slider").addClass("tsvgLeftSpring"); setTimeout(function () { $("#tsvg-parallax-swipebox-451787-slider").removeClass("tsvgLeftSpring") }, 500) } }, closeSlide: function () { $("html").removeClass("tsvg-paralax-swipebox-451787"); $(window).trigger("resize"); this.destroy() }, destroy: function () { $(window).unbind("keyup"); $("body").unbind("touchstart"); $("body").unbind("touchmove"); $("body").unbind("touchend"); $("#tsvg-parallax-swipebox-451787-slider").unbind(); $("#tsvg-parallax-swipebox-451787-overlay").remove(); if (!$.isArray(elem)) elem.removeData("_tsvgParallaxSwipeBox451787"); if (this.target) this.target.trigger("tsvg-parallax-swipebox-451787-destroy"); $.tsvgParallaxSwipeBox451787.isOpen = false; if (plugin.settings.afterClose) plugin.settings.afterClose() } }; plugin.init() }; $.fn.tsvgParallaxSwipeBox451787 = function (options) { if (!$.data(this, "_tsvgParallaxSwipeBox451787")) { var tsvgParallaxSwipeBox451787 = new $.tsvgParallaxSwipeBox451787(this, options); this.data("_tsvgParallaxSwipeBox451787", tsvgParallaxSwipeBox451787) } return this.data("_tsvgParallaxSwipeBox451787"); } }(window, document, jQuery); ;(function($){ $(function(){ let tsvgParallaxPopupType451787 = $('.tsvg-parallax-blocks-container-451787').attr('data-item-type'), tsvgParallaxPopupTransition451787 = $('.tsvg-parallax-blocks-container-451787').attr('data-item-efect'); $(document).ready(function() { $('.tsvg-section-451787').fadeIn(); if(tsvgParallaxPopupType451787 == 1) { $('.tsvg-parallax-block-swipebox-451787').tsvgParallaxSwipeBox451787(); } else { $('.tsvg-parallax-block-swipebox-451787').tsvgColorBox451787({ iframe: true, transition: tsvgParallaxPopupTransition451787, innerWidth: $(window).width() * 0.7, innerHeight: $(window).width() * 0.7 * 0.6, maxWidth: "80%", maxHeight: "80%", current: "", rel: 'slideshow', slideshow: false }); } }); $(document).on('mousemove', '.tsvg-parallax-block-451787',function (event) { event=event || window.event let tsvgImgEffect451787 = $(this).attr("data-tsvg-ef"), tsvgTitleEffect451787 = $(this).find('.tsvg-parallax-block-title-effect').attr("data-tsvg-ef"), tsvgLineEffect451787 = $(this).find('.mask').attr("data-tsvg-ef"); switch (tsvgLineEffect451787) { case "TotalSoft_HovLine1": $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").css({ "transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-webkit-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-ms-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-moz-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-o-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine1']").offset().left) / 10 - $(this).width() / 2)) + "px)" }) break; case "TotalSoft_HovLine5": $(this).find("[data-tsvg-ef='TotalSoft_HovLine5']").css({ "transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-webkit-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-ms-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-moz-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-o-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)" }) break; case "TotalSoft_HovLine8": $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").css({ "transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-webkit-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-ms-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-moz-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-o-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine8']").offset().left) / 10 - $(this).width() / 2)) + "px)" }) break; case "TotalSoft_HovLine9": $(this).find("[data-tsvg-ef='TotalSoft_HovLine9']").css({ "transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-webkit-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-ms-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-moz-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-o-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)" }) break; case "TotalSoft_HovLine10": $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").css({ "transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-webkit-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-ms-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-moz-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().left) / 10 - $(this).width() / 2)) + "px)", "-o-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().top) / 10 - $(this).height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_HovLine10']").offset().left) / 10 - $(this).width() / 2)) + "px)" }) break; case "TotalSoft_HovLine11": $(this).find("[data-tsvg-ef='TotalSoft_HovLine11']").css({ "transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-webkit-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-ms-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-moz-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)", "-o-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg) translateY(-50%) translateX(-50%)" }) break; default: break; } if(tsvgImgEffect451787=="TotalSoft_H_Ef4517871") { $(this).css({ "transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg)", "-webkit-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg)", "-ms-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg)", "-moz-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg)", "-o-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 15) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 15) + "deg)" }) }else if(tsvgImgEffect451787=="TotalSoft_H_Ef4517872") { $(this).css({ "transform": "translateY(" + Math.floor(((event.pageY - $(this).offset().top - $(this).height() / 2) / 15)) + "px) translateX(" + Math.floor(((event.pageX - $(this).offset().left - $(this).width() / 2) / 15)) + "px)", "-webkit-transform": "translateY(" + Math.floor(((event.pageY - $(this).offset().top - $(this).height() / 2) / 15)) + "px) translateX(" + Math.floor(((event.pageX - $(this).offset().left - $(this).width() / 2) / 15)) + "px)", "-ms-transform": "translateY(" + Math.floor(((event.pageY - $(this).offset().top - $(this).height() / 2) / 15)) + "px) translateX(" + Math.floor(((event.pageX - $(this).offset().left - $(this).width() / 2) / 15)) + "px)", "-moz-transform": "translateY(" + Math.floor(((event.pageY - $(this).offset().top - $(this).height() / 2) / 15)) + "px) translateX(" + Math.floor(((event.pageX - $(this).offset().left - $(this).width() / 2) / 15)) + "px)", "-o-transform": "translateY(" + Math.floor(((event.pageY - $(this).offset().top - $(this).height() / 2) / 15)) + "px) translateX(" + Math.floor(((event.pageX - $(this).offset().left - $(this).width() / 2) / 15)) + "px)" }) } if(tsvgTitleEffect451787=="TotalSoft_Title_Ef1") { $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").css({ "transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().top) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().left) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").width() / 2)) + "px) translate3d(0, 0, 0)", "-webkit-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().top) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().left) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").width() / 2)) + "px) translate3d(0, 0, 0)", "-ms-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().top) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().left) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").width() / 2)) + "px) translate3d(0, 0, 0)", "-moz-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().top) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().left) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").width() / 2)) + "px) translate3d(0, 0, 0)", "-o-transform": "translateY(" + Math.floor(((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().top) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").height() / 2)) + "px) translateX(" + Math.floor(((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").offset().left) / 5 - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef1']").width() / 2)) + "px) translate3d(0, 0, 0)" }) }else if(tsvgTitleEffect451787=="TotalSoft_Title_Ef4") { $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").css({ "transform": "rotateX(" + Math.floor((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").offset().left - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").width() / 2) / 10) + "deg) rotateY(" + Math.floor((event.pageY - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").offset().top + $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").height() / 2) / 10) + "deg) translateY(-50%) translateX(-50%) translate3d(0, 0, 0)", "-webkit-transform": "rotateX(" + Math.floor((event.pageX - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").offset().left - $(this).find("[data-tsvg-ef='TotalSoft_Title_Ef4']").width() / 2) / 10) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 10) + "deg) translateY(-50%) translateX(-50%) translate3d(0, 0, 0)", "-ms-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 10) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 10) + "deg) translateY(-50%) translateX(-50%) translate3d(0, 0, 0)", "-moz-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 10) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 10) + "deg) translateY(-50%) translateX(-50%) translate3d(0, 0, 0)", "-o-transform": "rotateX(" + Math.floor((event.pageX - $(this).offset().left - $(this).width() / 2) / 10) + "deg) rotateY(" + Math.floor((event.pageY - $(this).offset().top + $(this).height() / 2) / 10) + "deg) translateY(-50%) translateX(-50%) translate3d(0, 0, 0)" }) } }); }); })(jQuery); clearInterval(tsvgParallaxInterval451787); } }, tsvgParallaxInterval451787 = setInterval(tsvgParallaxCreate451787, 1000);
'); }else{ jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').find('.btn-lg').html('
'); } var svg = document.querySelector('.btn-lg svg'), svgPath = new Proxy({ y: null, smoothing: null }, { set(target, key, value) { target[key] = value; if(target.y !== null && target.smoothing !== null) { svg.innerHTML = getPath(target.y, target.smoothing, null); } return true; }, get(target, key) { return target[key]; } }); svgPath.y = 20; svgPath.smoothing = 0; } } jQuery('.tsvg-section-451787 .btn-lg').click(function (e) { let max_heigth =jQuery('.tsvg-main-content-451787').height(); let main_length = jQuery('.tsvg-main-content-451787 figure ul li').length; tsvgPaginationLoad451787 = 'false'; if(jQuery(this).closest('.tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-3'||jQuery(this).closest('.tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-4'||jQuery(this).closest('.tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-5'){ tsvgPaginationLoad451787 = 'true'; } jQuery('.tsvg-main-content-451787').css({'max-height': max_heigth+'px','transition':'unset'}); setTimeout(() => { jQuery('.tsvg-main-content-451787').css({'transition':'max-height 3s ease-in-out','max-height':main_length+'000vh'}); }, 100); tsvgPaginationCreate451787(jQuery('.tsvg-main-content-451787 figure ul li').not('.tsvg-layout-item-show'),0, numberItemsPerPage); if(jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-3'){ jQuery('.tsvg-section-451787 .btn-lg').addClass('animate'); setTimeout(function(){ jQuery('.tsvg-section-451787 .btn-lg').removeClass('animate'); },700); } if(!jQuery('.tsvg-section-451787 .btn-lg').hasClass('loading')&&(jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-4'||jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-5')&&jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper svg').length) { jQuery('.tsvg-section-451787 .btn-lg').addClass('loading'); setTimeout(() => { svg.innerHTML = getPath(0, 0, [ [3, 14], [8, 19], [21, 6] ]); }, 1000 / 2); setTimeout(() => { jQuery('.tsvg-section-451787 .btn-lg').removeClass('loading'); if(jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-5'){ jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').find('.btn-lg').html('
');
}else{
jQuery('.tsvg-section-451787 .tsvg-pagination-pages-wrapper').find('.btn-lg').html('
');
}
}, 2000 );
}
})
tsvgPaginationCreate451787(jQuery('.tsvg-section-451787 .tsvg-main-content-451787 figure ul li').not('.tsvg-layout-item-show'),0, numberItemsPerPage)
}
}
function tsvgNewPagination451787(){
var interval_pag_fn_451787 = setInterval(setPagina_451787, 100);
function setPagina_451787() {
if( typeof(jQuery) != "undefined" && jQuery != null){
if( jQuery('.tsvg-main-content-451787').attr("data-pagination")=='pagination'){
tsvgPaginationGenerate451787();
}
if( jQuery('.tsvg-main-content-451787').attr("data-pagination")=='load-more'){
tsvgPaginationGenerate451787();
}
clearInterval(interval_pag_fn_451787);
}
}
}
tsvgNewPagination451787();
function tsvgPaginationGenerate(){
tsvgPaginationGenerate451787();
}
function getPoint(point, i, a, smoothing) {
let cp = (current, previous, next, reverse) => {
let p = previous || current,
n = next || current,
o = {
length: Math.sqrt(Math.pow(n[0] - p[0], 2) + Math.pow(n[1] - p[1], 2)),
angle: Math.atan2(n[1] - p[1], n[0] - p[0])
},
angle = o.angle + (reverse ? Math.PI : 0),
length = o.length * smoothing;
return [current[0] + Math.cos(angle) * length, current[1] + Math.sin(angle) * length];
},
cps = cp(a[i - 1], a[i - 2], point, false),
cpe = cp(point, a[i - 1], a[i + 1], true);
return `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;
}
function getPath(update, smoothing, pointsNew) {
let points = pointsNew ? pointsNew : [
[4, 12],
[12, update],
[20, 12]
],
d = points.reduce((acc, point, i, a) => i === 0 ? `M ${point[0]},${point[1]}` : `${acc} ${getPoint(point, i, a, smoothing)}`, '');
return `