Как создать слайдер крутящийся по кругу?

Question

[Khetag_d]

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

Comments

[Khetag_d]

повторюсь НА ЧИСТОМ JS без фреймворков и библиотек

Answer 1

[alexalexes]

Если брать, например, библиотеку owl carousel, то там разработчики начальный слайд помещают в центр фактического расположения узлов списка слайдера, при прокручивании происходит смена позиций крайних слайдов этого списка.
Так обеспечивается непрерывность прокручивания, и пользователь никогда не дойдет до конца узлов списка.
Особый случай, когда область просмотр слайдов больше чем количество слайдов (можно ведь просматривать по 2-3 слайда одновременно), тогда нужно обеспечивать дубликатами слайдов список слайдов, чтобы обеспечить непрерывность.

Comments

[Khetag_d]

спасибо конечно , но я хочу видеть ход на чистом js , написал же

[alexalexes]

Khetag_d, понаблюдайте механику в библиотечном исполнении и сделайте такое сами.
Оно прекрасно отслеживается во вкладке Элементов в браузере.

Answer 2

[Сергей delphinpro]

В простейшем случае взять первый слайд и переставить его в конец, после чего осуществлять дальнейшую прокрутку. и так по кругу.