Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2022, 23:51
Аватар для lgick
Аспирант
Отправить личное сообщение для lgick Посмотреть профиль Найти все сообщения от lgick
 
Регистрация: 23.11.2013
Сообщений: 96

Картинка по центру слайдера (формула)
Есть слайдеры и картинки разной длины. Сейчас картинкам выставляется margin-left по формуле:

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


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

Видео как это работает сейчас vimple.co/4702d9b9a5c2401f9edeff3816477691
Ответить с цитированием
  #2 (permalink)  
Старый 26.07.2022, 02:14
Аватар для lgick
Аспирант
Отправить личное сообщение для lgick Посмотреть профиль Найти все сообщения от lgick
 
Регистрация: 23.11.2013
Сообщений: 96

решил проблему уменьшением размера слайдера на размер картинки
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Анимация слайдера Owl Carusel 2 Kirilbl4 (X)HTML/CSS 3 19.02.2016 15:02
Как организовать два слайдера по принципу обложка-внутренние страницы? helgajijka jQuery 4 06.09.2015 13:52
Как сделать всплывающее окно по центру экрана? jslgogo Общие вопросы Javascript 8 26.08.2014 09:18
Как и где задать цикл? Blondinka Events/DOM/Window 2 10.06.2014 15:29
Окошко по центру OlegSmirnov Элементы интерфейса 6 01.11.2010 11:14