Subscribe for notification

Gallery

Digital Websites Gallery

You can browse through our website gallery of over 300 sites. We are sure we have something that will suit your business.

Video Gallery

Click on the images to see some of our videos. All videos can be adjusted to your requirements. Include text, images or video in video. The sky is the limit……
  • 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-796575-start"); $.tsvgParallaxSwipeBox796575.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-796575-next,#tsvg-parallax-swipebox-796575-prev,#tsvg-parallax-swipebox-796575-close").removeAttr('class'); jQuery("#tsvg-parallax-swipebox-796575-close").addClass(jQuery(".tsvg-parallax-blocks-container-796575").attr('data-item-close')); jQuery("#tsvg-parallax-swipebox-796575-next").addClass(jQuery(".tsvg-parallax-blocks-container-796575").attr('data-item-next')); jQuery("#tsvg-parallax-swipebox-796575-prev").addClass(jQuery(".tsvg-parallax-blocks-container-796575").attr('data-item-prev')); if ($this.doCssTrans()) { $("#tsvg-parallax-swipebox-796575-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-796575-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-796575-action, #tsvg-parallax-swipebox-796575-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-796575-action #tsvg-parallax-swipebox-796575-close").css("background-image"); bg = bg.replace("png", "svg"); $("#tsvg-parallax-swipebox-796575-action #tsvg-parallax-swipebox-796575-prev,#tsvg-parallax-swipebox-796575-action #tsvg-parallax-swipebox-796575-next,#tsvg-parallax-swipebox-796575-action #tsvg-parallax-swipebox-796575-close").css({ "background-image": bg }) } $.each(elements, function () { $("#tsvg-parallax-swipebox-796575-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-796575-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-796575-caption, #tsvg-parallax-swipebox-796575-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-796575-caption, #tsvg-parallax-swipebox-796575-action"); if (this.doCssTrans()) { bars.addClass("tsvg-parallax-visible-bars"); var current = jQuery('div.tsvgParallaxEngineSlide796575.current'); var x = jQuery(current[0].children[0].children[0]); x[0].children[0].controls = true; } else { $("#tsvg-parallax-swipebox-796575-caption").animate({ top: 0 }, 500); $("#tsvg-parallax-swipebox-796575-action").animate({ bottom: 0 }, 500); setTimeout(function () { bars.addClass("tsvg-parallax-visible-bars") }, 1e3) } }, hideBars: function () { var bars = $("#tsvg-parallax-swipebox-796575-caption, #tsvg-parallax-swipebox-796575-action"); if (this.doCssTrans()) { bars.removeClass("tsvg-parallax-visible-bars") } else { $("#tsvg-parallax-swipebox-796575-caption").animate({ top: "-50px" }, 500); $("#tsvg-parallax-swipebox-796575-action").animate({ bottom: "-50px" }, 500); setTimeout(function () { bars.removeClass("tsvg-parallax-visible-bars") }, 1e3) } }, animBars: function () { var $this = this; var bars = $("#tsvg-parallax-swipebox-796575-caption, #tsvg-parallax-swipebox-796575-action"); bars.addClass("tsvg-parallax-visible-bars"); $this.setTimeout(); $("#tsvg-parallax-swipebox-796575-slider").click(function (e) { if (!bars.hasClass("tsvg-parallax-visible-bars")) { $this.showBars(); $this.setTimeout() } }); $("#tsvg-parallax-swipebox-796575-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-796575-prev, #tsvg-parallax-swipebox-796575-next").hide() } else { $("#tsvg-parallax-swipebox-796575-prev").bind("click touchend", function (e) { var iframes = jQuery('.tsvgParallaxEngineSlide796575').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-796575-next").bind("click touchend", function (e) { var iframes = jQuery('.tsvgParallaxEngineSlide796575').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-796575-close").bind("click touchend", function (e) { $this.closeSlide() }) }, setSlide: function (index,prevIndex,isFirst) { isFirst = isFirst || false; var videoSlide = $("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575").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-796575-slider"); if (this.doCssTrans()) { slider.css({ left: -index * 100 + "%" }) } else { slider.animate({ left: -index * 100 + "%" }) } $("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575").removeClass("current"); $("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575").eq(index).addClass("current"); this.setTitle(index); if (isFirst) { slider.fadeIn() } $("#tsvg-parallax-swipebox-796575-prev, #tsvg-parallax-swipebox-796575-next").removeClass("disabled"); if (index == 0) { $("#tsvg-parallax-swipebox-796575-prev").addClass("disabled") } else if (index == elements.length - 1) { $("#tsvg-parallax-swipebox-796575-next").addClass("disabled") } }, openSlide: function (index) { $("html").addClass("tsvg-paralax-swipebox-796575"); $(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-796575-slider .tsvgParallaxEngineSlide796575").eq(index).html(this) }) } else { $("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575").eq(index).html($this.getVideo(src)) } }, setTitle: function (index, isFirst) { var title = null; $("#tsvg-parallax-swipebox-796575-caption").empty(); if (elements[index] !== undefined) title = elements[index].title; if (title) { $("#tsvg-parallax-swipebox-796575-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-796575').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 '
' + iframe + "
" }, 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-796575-slider .tsvgParallaxEngineSlide796575").index($("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575.current")); var prevIndex = index; if (elements.length > index + 1) { index++; $this.setSlide(index,prevIndex); $this.preloadMedia(index + 1) } else { $("#tsvg-parallax-swipebox-796575-slider").addClass("tsvgRightSpring"); setTimeout(function () { $("#tsvg-parallax-swipebox-796575-slider").removeClass("tsvgRightSpring") }, 500) } }, getPrev: function () { index = $("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575").index($("#tsvg-parallax-swipebox-796575-slider .tsvgParallaxEngineSlide796575.current")); var prevIndex = index; if (index > 0) { index--; this.setSlide(index,prevIndex); this.preloadMedia(index - 1) } else { $("#tsvg-parallax-swipebox-796575-slider").addClass("tsvgLeftSpring"); setTimeout(function () { $("#tsvg-parallax-swipebox-796575-slider").removeClass("tsvgLeftSpring") }, 500) } }, closeSlide: function () { $("html").removeClass("tsvg-paralax-swipebox-796575"); $(window).trigger("resize"); this.destroy() }, destroy: function () { $(window).unbind("keyup"); $("body").unbind("touchstart"); $("body").unbind("touchmove"); $("body").unbind("touchend"); $("#tsvg-parallax-swipebox-796575-slider").unbind(); $("#tsvg-parallax-swipebox-796575-overlay").remove(); if (!$.isArray(elem)) elem.removeData("_tsvgParallaxSwipeBox796575"); if (this.target) this.target.trigger("tsvg-parallax-swipebox-796575-destroy"); $.tsvgParallaxSwipeBox796575.isOpen = false; if (plugin.settings.afterClose) plugin.settings.afterClose() } }; plugin.init() }; $.fn.tsvgParallaxSwipeBox796575 = function (options) { if (!$.data(this, "_tsvgParallaxSwipeBox796575")) { var tsvgParallaxSwipeBox796575 = new $.tsvgParallaxSwipeBox796575(this, options); this.data("_tsvgParallaxSwipeBox796575", tsvgParallaxSwipeBox796575) } return this.data("_tsvgParallaxSwipeBox796575"); } }(window, document, jQuery); ;(function($){ $(function(){ let tsvgParallaxPopupType796575 = $('.tsvg-parallax-blocks-container-796575').attr('data-item-type'), tsvgParallaxPopupTransition796575 = $('.tsvg-parallax-blocks-container-796575').attr('data-item-efect'); $(document).ready(function() { $('.tsvg-section-796575').fadeIn(); if(tsvgParallaxPopupType796575 == 1) { $('.tsvg-parallax-block-swipebox-796575').tsvgParallaxSwipeBox796575(); } else { $('.tsvg-parallax-block-swipebox-796575').tsvgColorBox796575({ iframe: true, transition: tsvgParallaxPopupTransition796575, 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-796575',function (event) { event=event || window.event let tsvgImgEffect796575 = $(this).attr("data-tsvg-ef"), tsvgTitleEffect796575 = $(this).find('.tsvg-parallax-block-title-effect').attr("data-tsvg-ef"), tsvgLineEffect796575 = $(this).find('.mask').attr("data-tsvg-ef"); switch (tsvgLineEffect796575) { 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(tsvgImgEffect796575=="TotalSoft_H_Ef7965751") { $(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(tsvgImgEffect796575=="TotalSoft_H_Ef7965752") { $(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(tsvgTitleEffect796575=="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(tsvgTitleEffect796575=="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(tsvgParallaxInterval796575); } }, tsvgParallaxInterval796575 = setInterval(tsvgParallaxCreate796575, 1000);
'); }else{ jQuery('.tsvg-section-796575 .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-796575 .btn-lg').click(function (e) { let max_heigth =jQuery('.tsvg-main-content-796575').height(); let main_length = jQuery('.tsvg-main-content-796575 figure ul li').length; tsvgPaginationLoad796575 = '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'){ tsvgPaginationLoad796575 = 'true'; } jQuery('.tsvg-main-content-796575').css({'max-height': max_heigth+'px','transition':'unset'}); setTimeout(() => { jQuery('.tsvg-main-content-796575').css({'transition':'max-height 3s ease-in-out','max-height':main_length+'000vh'}); }, 100); tsvgPaginationCreate796575(jQuery('.tsvg-main-content-796575 figure ul li').not('.tsvg-layout-item-show'),0, numberItemsPerPage); if(jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-3'){ jQuery('.tsvg-section-796575 .btn-lg').addClass('animate'); setTimeout(function(){ jQuery('.tsvg-section-796575 .btn-lg').removeClass('animate'); },700); } if(!jQuery('.tsvg-section-796575 .btn-lg').hasClass('loading')&&(jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-4'||jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-5')&&jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper svg').length) { jQuery('.tsvg-section-796575 .btn-lg').addClass('loading'); setTimeout(() => { svg.innerHTML = getPath(0, 0, [ [3, 14], [8, 19], [21, 6] ]); }, 1000 / 2); setTimeout(() => { jQuery('.tsvg-section-796575 .btn-lg').removeClass('loading'); if(jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').attr("data-load-vw")=='ef-5'){ jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').find('.btn-lg').html('
  • '+load_text+'
'); }else{ jQuery('.tsvg-section-796575 .tsvg-pagination-pages-wrapper').find('.btn-lg').html('
'); } }, 2000 ); } }) tsvgPaginationCreate796575(jQuery('.tsvg-section-796575 .tsvg-main-content-796575 figure ul li').not('.tsvg-layout-item-show'),0, numberItemsPerPage) } } function tsvgNewPagination796575(){ var interval_pag_fn_796575 = setInterval(setPagina_796575, 100); function setPagina_796575() { if( typeof(jQuery) != "undefined" && jQuery != null){ if( jQuery('.tsvg-main-content-796575').attr("data-pagination")=='pagination'){ tsvgPaginationGenerate796575(); } if( jQuery('.tsvg-main-content-796575').attr("data-pagination")=='load-more'){ tsvgPaginationGenerate796575(); } clearInterval(interval_pag_fn_796575); } } } tsvgNewPagination796575(); function tsvgPaginationGenerate(){ tsvgPaginationGenerate796575(); } 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 ``; }