| 1 |
(function(n,a,w){a.fn.twentytwenty=function(f,b){f=a.extend({handlePosition:.5,orientation:"horizontal",labelBefore:"Before",labelAfter:"After"},f);return this.each(function(){var d=f.handlePosition,c=a(this),e=f.orientation,g="vertical"===e?"down":"left",r="vertical"===e?"up":"right",k=c.find("img:first"),x=c.find("img:last");c.wrap('<div class="twentytwenty-wrapper twentytwenty-'+e+'"></div>');c.append('<div class="twentytwenty-overlay"></div>');c.append('<div class="twentytwenty-handle"></div>'); |
| 2 |
var h=c.find(".twentytwenty-handle");h.append('<span class="twentytwenty-'+g+'-arrow"></span>');h.append('<span class="twentytwenty-'+r+'-arrow"></span>');c.addClass("twentytwenty-container");k.addClass("twentytwenty-before");x.addClass("twentytwenty-after");g=c.find(".twentytwenty-overlay");g.append('<div class="twentytwenty-labels twentytwenty-before-label"><span class="twentytwenty-label-content">'+f.labelBefore+"</span></div>");g.append('<div class="twentytwenty-labels twentytwenty-after-label"><span class="twentytwenty-label-content">'+ |
| 3 |
f.labelAfter+"</span></div>");var t=function(a){var d,g,f;f=k.width();var m=k.height();d=f+"px";g=m+"px";f=a*f+"px";a=a*m+"px";h.css("vertical"===e?"top":"left","vertical"===e?a:f);m=c.find(".twentytwenty-before");"vertical"===e?m.css("clip","rect(0,"+d+","+a+",0)"):m.css("clip","rect(0,"+f+","+g+",0)");c.css("height",g);"function"===typeof b&&b()},p=0,u=0,v=0,q=0;a(n).on("resize.twentytwenty",function(a){t(d)});h.on("movestart",function(a){(a.distX>a.distY&&a.distX<-a.distY||a.distX<a.distY&&a.distX> |
| 4 |
-a.distY)&&"vertical"!==e?a.preventDefault():(a.distX<a.distY&&a.distX<-a.distY||a.distX>a.distY&&a.distX>-a.distY)&&"vertical"===e&&a.preventDefault();c.addClass("active");p=c.offset().left;u=c.offset().top;v=k.width();q=k.height()});h.on("moveend",function(a){c.removeClass("active")});h.on("move",function(a){c.hasClass("active")&&(d="vertical"===e?(a.pageY-u)/q:(a.pageX-p)/v,0>d&&(d=0),1<d&&(d=1),t(d))});c.find("img").on("mousedown",function(a){a.preventDefault()});a(n).trigger("resize.twentytwenty")})}})(window, |
| 5 |
jQuery); |
| 6 |
(function(n,a,w){var f=function(b){b.each(function(){var b=parseInt(a(this).closest(".imagify-chart").next(".imagify-chart-value").text()),b=[{value:b,color:"#00B3D3"},{value:100-b,color:"#D8D8D8"}];(new Chart(a(this)[0].getContext("2d"))).Doughnut(b,{segmentStrokeColor:"#2A2E3C",segmentStrokeWidth:1,animateRotate:!0,percentageInnerCutout:60,tooltipEvents:[]})})};a(".imagify-visual-comparison-btn").on("click",function(){if(1!==a(".twentytwenty-wrapper").length&&(a(a(this).data("target")).find(".imagify-modal-content").css("width",.95* |
| 7 |
a(n).outerWidth()+"px"),0<a(".twentytwenty-container").length&&800<a(n).outerWidth())){var b=a(".twentytwenty-container"),d=0,c=b.data("loader"),e=b.data("label-original"),g=b.data("label-normal"),r=b.data("label-aggressive"),k=b.data("label-ultra"),x=b.data("original-label").replace(/\*\*/,"<strong>").replace(/\*\*/,"</strong>"),h=b.data("original-alt"),t=b.data("original-img"),p=b.data("original-dim").split("x");b.data("normal-label").replace(/\*\*/,"<strong>").replace(/\*\*/,"</strong>");var u= |
| 8 |
b.data("normal-alt"),v=b.data("normal-img"),q=b.data("normal-dim").split("x");b.data("aggressive-label").replace(/\*\*/,"<strong>").replace(/\*\*/,"</strong>");var w=b.data("aggressive-alt"),B=b.data("aggressive-img"),y=b.data("aggressive-dim").split("x"),C=b.data("ultra-label").replace(/\*\*/,"<strong>").replace(/\*\*/,"</strong>"),m=b.data("ultra-alt"),D=b.data("ultra-img"),z=b.data("ultra-dim").split("x"),e='<span class="twentytwenty-duo-buttons twentytwenty-duo-left"><button type="button" class="imagify-comparison-original selected" data-img="original">'+ |
| 9 |
e+'</button><button type="button" class="imagify-comparison-normal" data-img="normal">'+g+'</button><button type="button" class="imagify-comparison-aggressive" data-img="aggressive">'+r+"</button></span>",g='<span class="twentytwenty-duo-buttons twentytwenty-duo-right"><button type="button" class="imagify-comparison-normal" data-img="normal">'+g+'</button><button type="button" class="imagify-comparison-aggressive" data-img="aggressive">'+r+'</button><button type="button" class="imagify-comparison-ultra selected" data-img="ultra">'+ |
| 10 |
k+"</button></span>";b.before('<img class="loader" src="'+c+'" alt="Loading\u2026" width="64" height="64">');c=a(".twentytwenty-left-buttons").lenght?e+g:"";a(".twentytwenty-left-buttons").append(e);a(".twentytwenty-right-buttons").append(g);b.closest(".imagify-modal-content").addClass("loading").find(".twentytwenty-container").append('<img class="img-original" alt="'+h+'" width="'+p[0]+'" height="'+p[1]+'"><img class="img-normal" alt="'+u+'" width="'+q[0]+'" height="'+q[1]+'"><img class="img-aggressive" alt="'+ |
| 11 |
w+'" width="'+y[0]+'" height="'+y[1]+'"><img class="img-ultra" alt="'+m+'" width="'+z[0]+'" height="'+z[1]+'">'+c);a(".img-original").on("load",function(){d++}).attr("src",t);a(".img-normal").on("load",function(){d++}).attr("src",v);a(".img-aggressive").on("load",function(){d++}).attr("src",B);a(".img-ultra").on("load",function(){d++}).attr("src",D);var A=setInterval(function(){4===d&&(b.twentytwenty({handlePosition:.6,orientation:"horizontal",labelBefore:x,labelAfter:C},function(){b.closest(".imagify-modal-content").hasClass("loaded")|| |
| 12 |
(b.closest(".imagify-modal-content").removeClass("loading").addClass("loaded"),f(a(".imagify-level-ultra").find(".imagify-chart").find("canvas")))}),clearInterval(A),A=null)},75);a(".imagify-comparison-title").on("click",".twentytwenty-duo-buttons button:not(.selected)",function(b){b.stopPropagation();var c=a(this);b=c.closest(".imagify-comparison-title").nextAll(".twentytwenty-wrapper").find(".twentytwenty-container");var d=c.closest(".twentytwenty-duo-buttons").hasClass("twentytwenty-duo-left")? |
| 13 |
"left":"right",e="left"===d?c.closest(".imagify-comparison-title").find(".twentytwenty-duo-right"):c.closest(".imagify-comparison-title").find(".twentytwenty-duo-left"),g=c.closest(".twentytwenty-duo-buttons").find("button"),h=b.find(".twentytwenty-before"),k=b.find(".twentytwenty-after"),l=c.data("img");g.removeClass("selected");c.addClass("selected");e.find(".selected").data("img")===l&&e.find("button:not(.selected)").eq(0).trigger("click");"left"===d&&(c=h.css("clip"),h.attr("style",""),h.removeClass("twentytwenty-before"), |
| 14 |
b.find(".img-"+l).addClass("twentytwenty-before").css("clip",c),a(".twentytwenty-before-label").find(".twentytwenty-label-content").text(b.data(l+"-label")),a(".imagify-c-level.go-left").attr("aria-hidden","true").removeClass("go-left go-right"),a(".imagify-level-"+l).attr("aria-hidden","false").addClass("go-left"));"right"===d&&(k.removeClass("twentytwenty-after"),b.find(".img-"+l).addClass("twentytwenty-after"),a(".twentytwenty-after-label").find(".twentytwenty-label-content").text(b.data(l+"-label")), |
| 15 |
a(".imagify-c-level.go-right").attr("aria-hidden","true").removeClass("go-left go-right"),a(".imagify-level-"+l).attr("aria-hidden","false").addClass("go-right"));f(a(".imagify-level-"+l).find(".imagify-chart").find("canvas"));return!1})}})})(window,jQuery); |
