Как сделать бесконечную прокрутку слайдов?

Question

[InqSEO]

Искал слайдер, который:
1) Адаптивный
2) Позволит выводить блоки в 2 ряда
3) С гибкой настройкой

Наткнулся на: idangero.us/swiper
То что нужно, единственное НО - это не получается зациклить автопрокрутку. Вот демо: inqst.beget.tech
Как только автопрокрутка доходит до последнего слайда, следует переход к первому слайду, т.е.:
123 -> переход к 1ому слайду -> 123 - переход к 1ому слайду -> 123
Хотелось бы убрать этот переход и оставить в таком виде: 123123123123123 (и тд бесконечно)

Перерыл документацию (как смог, учитывая мой скудный английский), попробовал разные настройки. Найти решение не смог.

Answer 1

[ralaton121]

Просто замени слайдер.
Их же миллионы.

Comments

[InqSEO]

Ну очень умно, как я не догадался... Их миллионы и я не мало их перебрал. Выбрал тот, который подходит для моих задач лучше, чем все остальные. Единственное, нужно изменить автопрокрутку

[ralaton121]

InqSEO:

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

Единственное, нужно изменить автопрокрутку

Автопрокрутка - ЕСТЕСТВНННОЕ свойство слайдеров.
Ты выбрал НЕПРАВИЛЬНО, если НЕ МОЖЕШЬ решить задачу ПРОСТО.

[InqSEO]

ralaton121: я для особо одаренных написал:

Искал слайдер, который:
1) Адаптивный
2) Позволит выводить блоки в 2 ряда
3) С гибкой настройкой

Найди слайдер, который может выводить блоки в 2 ряда + адаптив и будет иметь структуру:

<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
<div>Slide 4</div>

А не:

<div>
   <div>Slide 1</div>
   <div>Slide 2</div>
</div>
<div>
   <div>Slide 3</div>
   <div>Slide 4</div>
</div>

[ralaton121]

InqSEO: Orbit, Slick.
Будут ли они выводить 2 блока - зависит от того сколько места ты выделил под контейнер слайдера.
Будут ли они адаптивными - также зависит внешнего контейнера.

Answer 2

[George Postoronca]

loop: true

Comments

[InqSEO]

не работает!

[George Postoronca]

думаю что проблема у тебя в структуре слайдера

[InqSEO]

не работает именно с блоками в 2 ряда

[InqSEO]

George Postoronca: вообще ничего не менял, демо с сайта: idangero.us/swiper/demos/10-slides-per-column.html
включил только автопрокрутку

[George Postoronca]

https://github.com/nolimits4web/Swiper/issues/2134

[George Postoronca]

а если добавить в один слайд блоки типа слайды и будет визуально так как нужно!

[InqSEO]

George Postoronca: увы, это не вариант, не могу вывести товары так, чтобы в одном слайде разместить 2 блока, поэтому приведенный пример в демо - является идеальным вариантом, если только доработать автопрокрутку.

[George Postoronca]

https://jsfiddle.net/fbo275e7/ я пробовал и мне кажется что это уже проблема слайдера или такая функция не совместимо с примером

если сделать prev slider то все норм работает

[George Postoronca]

то есть не очень но примерно так и должно работать