/
zemova.min.js
3 lines (3 loc) · 1.2 KB
/
zemova.min.js
1
2
3
(function(){var g=document,a=g.querySelector(".zemova");a.style.boxSizing="border-box";var n=window.getComputedStyle(a),b=a.clientWidth,h=a.querySelectorAll("img"),d=h.length,e=a.querySelector(".zemova-mask");a.style.position="relative";e.style.position="absolute";e.style.transition="left .8s";for(var m=0;m<d;m++)e.appendChild(h[m].cloneNode());e.appendChild(h[0].cloneNode());e.style.width=(1+2*d)*b+"px";e.style.left=-b*d+"px";h=a.querySelectorAll("img");[].map.call(h,function(b){b.style.width=n.width;
b.style.boxSizing="border-box"});var c=-b*d,f=0,k=c+b*(d-1),l=c-b*(d-1);(a=g.querySelector(".zemova-prev"))&&a.addEventListener("click",function(a){a.preventDefault();c===l&&(l-=b*d,k-=b*d,f=-c,document.querySelector(".mask").style.webkitTransform="translateX("+f+"px)",document.querySelector(".mask").style.transform="translateX("+f+"px)");c-=b;g.querySelector(".mask").style.left=c+"px"});(a=g.querySelector(".zemova-next"))&&a.addEventListener("click",function(a){a.preventDefault();c===k&&(k+=b*d,
l+=b*d,f=-c-b*d,document.querySelector(".mask").style.webkitTransform="translateX("+f+"px)",document.querySelector(".mask").style.transform="translateX("+f+"px)");c+=b;g.querySelector(".mask").style.left=c+"px"})})();