"

From 2014.igem.org

/* jquery.mlens v.1.3 | (c) 2012, 2014 Federica Sibella musings(at)musings(dot)it | http://www.musings.it | MIT or GPLv3 license.*/ (function(d){function r(e){if("string"===typeof e){var c=e.indexOf("_");-1!=c&&(e=e.substr(c+1))}return e}var p=[],l=0,s={init:function(e){this.each(function(){var c=d(this),a=c.data("mlens"),a=d(),f=d(),q=d(),h=d(),m=d(),g=d(),b="auto",a=d.extend({lensShape:"square",lensSize:100,borderSize:4,borderColor:"#888",borderRadius:0,imgSrc:"",imgSrc2x:"",lensCss:"",imgOverlay:"",overlayAdapt:!0},e);""==a.imgSrc&&(g=c.attr("src"));""!=a.imgSrc2x&&1<window.devicePixelRatio?(g=a.imgSrc2x,h=new Image,h.onload= function(){b=String(parseInt(this.width/2))+"px";f.css({backgroundSize:b+" auto"});m.css({width:b})},h.src=g):g=a.imgSrc;var n="background-position: 0px 0px;width: "+String(a.lensSize)+"px;height: "+String(a.lensSize)+"px;float: left;display: none;border: "+String(a.borderSize)+"px solid "+a.borderColor+";background-repeat: no-repeat;position: absolute;",k="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; z-index: 1;"; !0===a.overlayAdapt&&(k+="background-position: center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;");switch(a.lensShape){default:n=n+"border-radius:"+String(a.borderRadius)+"px;";k=k+"border-radius:"+String(a.borderRadius)+"px;";break;case "circle":n=n+"border-radius: "+String(a.lensSize/2+a.borderSize)+"px;",k=k+"border-radius: "+String(a.lensSize/2+a.borderSize)+"px;"}c.wrap("<div id='mlens_wrapper_"+l+"' />");h=c.parent();

h.css({width:c.width()});f=d("").appendTo(h);m=d("<img style='display:none;width:"+b+";height:auto;max-width:none;max-height;none;' src='"+g+"' />").appendTo(h);f.css({backgroundImage:"url('"+g+"')",backgroundSize:b+" auto",cursor:"none"});""!=a.imgOverlay&&(q=d(""),q.css({backgroundImage:"url('"+a.imgOverlay+"')",cursor:"none"}),q.appendTo(f));c.attr("data-id","mlens_"+

l);c.data("mlens",{lens:c,options:a,target:f,imageTag:m,imgSrc:g,parentDiv:h,overlay:q,instance:l});a=c.data("mlens");p[l]=a;f.mousemove(function(a){d.fn.mlens("move",c.attr("data-id"),a)});c.mousemove(function(a){d.fn.mlens("move",c.attr("data-id"),a)});f.on("touchmove",function(a){a.preventDefault();a=a.originalEvent.touches[0]||a.originalEvent.changedTouches[0];d.fn.mlens("move",c.attr("data-id"),a)});c.on("touchmove",function(a){a.preventDefault();a=a.originalEvent.touches[0]||a.originalEvent.changedTouches[0]; d.fn.mlens("move",c.attr("data-id"),a)});c.hover(function(){f.show()},function(){f.hide()});f.hover(function(){f.show()},function(){f.hide()});c.on("touchstart",function(a){a.preventDefault();f.show()});c.on("touchend",function(a){a.preventDefault();f.hide()});f.on("touchstart",function(a){a.preventDefault();f.show()});f.on("touchend",function(a){a.preventDefault();f.hide()});l++;return p})},move:function(e,c){e=r(e);var a=p[e],f=a.lens,d=a.target,h=a.imageTag,m=f.offset(),g=parseInt(c.pageX-m.left), b=parseInt(c.pageY-m.top),n=h.width()/f.width(),h=h.height()/f.height();0<g&&0<b&&g<f.width()&&b<f.height()&&(g=String(-((c.pageX-m.left)*n-d.width()/2)),b=String(-((c.pageY-m.top)*h-d.height()/2)),d.css({backgroundPosition:g+"px "+b+"px"}),g=String(c.pageX-m.left-d.width()/2),b=String(c.pageY-m.top-d.height()/2),d.css({left:g+"px",top:b+"px"}));a.target=d;p[e]=a;return p},update:function(e,c){e=r(e);var a=p[e],f=a.lens,q=a.target,h=a.overlay,m=a.imageTag,g=a.imgSrc,b=d.extend(a.options,c),n="auto"; ""==b.imgSrc&&(g=f.attr("src"));if(""!=b.imgSrc2x&&1<window.devicePixelRatio){var g=b.imgSrc2x,k=new Image;k.onload=function(){n=String(parseInt(this.width/2))+"px";q.css({backgroundSize:n+" auto"});m.css({width:n})};k.src=g}else g=b.imgSrc;var k="background-position: 0px 0px;width: "+String(b.lensSize)+"px;height: "+String(b.lensSize)+"px;float: left;display: none;border: "+String(b.borderSize)+"px solid "+b.borderColor+";background-repeat: no-repeat;position: absolute;",l="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; z-index: 1;"; !0===b.overlayAdapt&&(l+="background-position: center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;");switch(b.lensShape){default:k=k+"border-radius:"+String(b.borderRadius)+"px;";l=l+"border-radius:"+String(b.borderRadius)+"px;";break;case "circle":k=k+"border-radius: "+String(b.lensSize/2+b.borderSize)+"px;",l=l+"border-radius: "+String(b.lensSize/2+b.borderSize)+"px;"}q.attr("style",k);m.attr("src",g);m.css({width:n}); q.css({backgroundImage:"url('"+g+"')",backgroundSize:n+" auto",cursor:"none"});h.attr("style",l);h.css({backgroundImage:"url('"+b.imgOverlay+"')",cursor:"none"});a.lens=f;a.target=q;a.overlay=h;a.options=b;a.imgSrc=g;a.imageTag=m;p[e]=a;return p},destroy:function(e){e=r(e);d.removeData(p[e],this.name);this.removeClass(this.name);this.unbind();this.element=null}};d.fn.mlens=function(e){if(s[e])return s[e].apply(this,Array.prototype.slice.call(arguments,1));if("object"!==typeof e&&e)d.error("Method "+ e+" does not exist on jQuery.mlens");else return s.init.apply(this,arguments)}})(jQuery);