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

Question

[high-draw]

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

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

Answer 1

[Антон Романков]

Как-то так:

(slideWidth + gapBetweenSlides) * activeIndex + (screenWidth - slideWidth) / 2

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