@dk-web

Как лучше рассчитать математику?

Дано:
блок - длина не ограничена. Контент (фотки) вытянуты в линию флоатом. Абсолютно спозиционирован, left=0.
произвольное число от 0 до 360 - получается путем вращения изображения вокруг своей оси (центр).

Нужно сделать смещение относительно этого изображения всего контента.

Изображение перемещается, все ок. но только в границах соответственно от 0 до 360.
А мне нужно, чтобы оно уходило за пределы. то есть left становился отрицательным, в том числе..

Посмотрел как это в слайдерах реализовано, но черт ногу сломит - везде все по разному.
Уверен есть простое решение.

Что думал. Взять полную ширину контента
$(content).width - допустим - 2000px;
Завести флаг и накручивать его до 2000 или - 2000...

По сути нужна вот такая штука...
baijs.com/tinycircleslider
Первый пример.
  • Вопрос задан
  • 153 просмотра
Пригласить эксперта
Ответы на вопрос 1
hahenty
@hahenty
('•')
Есть какая-то нулевая точка, от которой можно рассчитать положение картинок в ленте, положение является относительным смещением от нуля. Крутилкой меняется нулевая точка, к ней прибавляется смещение конкретной картинки, вычисляем остаток от деления полученной суммы на длину ленты, получаем положение картинки.

kk[i] = ( nn + okk[i] ) % l
kk[i] - вычисляемое положение картинки;
okk[i] - относительное смещение картинки;
nn - текущее положение нуля, может быть отрицательным;
l - длина ленты, сумма размеров картинок.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Market-place Ростов-на-Дону
от 100 000 до 200 000 ₽