@high-draw

Как вычислить отступ у слайдера в зависимости от ширины экрана?

Делаю самописный слайдер на javascript

Как вычислить отступ слайдера в зависимости от ширины экрана?
Размер мобильного устройства может быть от 320 до 640. На скриншоте представлены оба этих крайних варианта - 320 и 640.
В общем, нужно чтобы вторая фотография всегда находилась в центре экрана. Как вычислить сдвиг блока в фотографиями в зависимости от ширины экрана? Нужна формула, javascript не нужен, сам напишу.

617668d54690b425614054.png
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@romant094
Frontend-developer
Как-то так:
(slideWidth + gapBetweenSlides) * activeIndex + (screenWidth - slideWidth) / 2

где
slideWidth - ширина слайда
gapBetweenSlides - расстояние между слайдами
activeIndex - индекс активного слайда
screenWidth - ширина экрана на момент запуска скрипта
Набросал на коленке без теста. Возможно, что-то придется подкрутить.
Решение с учетом того, что есть горизонтальный скролл и по нему высчитывается положение потомка (это обертка в которой лежат слайды)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы