j


Size: a a a
j


ДМ
j
ДМ

ДМ
j

j
МD

МD
AE
ДМ
ДМ
AE
D
const slideCarousel = e => {
// ...
const direction = getDirection(e.target.classList);
// ...
if(direction === 'left') {
// ...
translateXProps.percentage -= PERCANTAGE_STEP;
translateXProps.rem -= REM_STEP;
carouselItemsEls.forEach(carouselItem => {
carouselItem.style.transform = `translateX(calc(-${translateXProps.percentage}% - ${translateXProps.rem}rem))`;
})
// ...
} else {
// ...
translateXProps.percentage += PERCANTAGE_STEP;
translateXProps.rem += REM_STEP;
carouselItemsEls.forEach(carouselItem => {
carouselItem.style.transform = `translateX(calc(-${translateXProps.percentage}% - ${translateXProps.rem}rem))`;
})
// ...
}
}
Есть условная коллекция элементов карточек carouselItemsEls, объект translateXProps со свойствами percentage и rem для вычесления translate карточек. slideCarousel функция которая вызывается при клике на пролистывание карусели.AE
МD
AE
МD
VP
