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