Вход

Просмотр полной версии : Картинка по центру слайдера (формула)


lgick
25.07.2022, 23:51
Есть слайдеры и картинки разной длины. Сейчас картинкам выставляется margin-left по формуле:


// sliderValue от 0 до 100
`calc(${sliderValue}% + (${width / 2 - sliderValue * (width / 100) }px))`


картинка двигается правильно, вот только чем ближе к краям тем больше смещается от центра курсора (слайдера).
Как сделать, чтоб картинка была всегда по центру слайдера?

Видео как это работает сейчас vimple.co/4702d9b9a5c2401f9edeff3816477691

lgick
26.07.2022, 02:14
решил проблему уменьшением размера слайдера на размер картинки