Amy-Mir / js / posts.min.js
posts.min.js
Raw
"use strict";!function(){var o=d(),r=0,i=document.querySelector("#carousel"),c=document.querySelector(".carousel__postCard"),n=document.querySelector("#prev"),t=document.querySelector("#next"),a=i.children.length;function e(n){console.log({steps:o,postsCount:a,initPosition:r});var t=c.getBoundingClientRect(),e=t.right-t.left;"forward"===n&&o<a&&(o++,r+=e,i.style.transform="translateX(-".concat(r,"px)")),"backward"===n&&0!==o&&(o--,r-=e,i.style.transform="translateX(-".concat(r,"px)"))}function d(){return window.innerWidth<500?1:window.innerWidth<770?2:window.innerWidth<1400?4:window.innerWidth<2e3?5:2e3<window.innerWidth?6:void 0}t.addEventListener("click",function(n){n.stopPropagation(),e("forward")}),n.addEventListener("click",function(n){n.stopPropagation(),e("backward")}),window.addEventListener("resize",function(){o=d(),r=0,i.style.transform="translateX(0px)"})}();