Infinite repeat in slider without gaps

[neilor]

Hi,

I have created a multi-column slider containing 5 items with 4 displayed in desktop.

When the user scrolls to see the 5th slide on desktop, the other spaces are understanably blank.

Is there a way to set this up with infinate scroll so that the first, second and third are displayed after the fith slide?

Neil

---

Here is my site Read-Only: https://preview.webflow.com/preview/joe-shannon?utm_medium=preview_link&utm_source=designer&utm_content=joe-shannon&preview=a3a64fa02d019ddf3ffbdded660bd49c&pageId=5d5d5d880179775d76d2f901&mode=preview

(how to share your site Read-Only link)

[Siton_Systems (Ezra Siton)]

No way by the build-in slider component (Infinite do not duplicate items - only loop the slider).

Use 3:3 (or 4:4) or (2:2) and so on (Not 4:1). Or use custom code .

You find this idea in most JS plugins. Examples:

• https://kenwheeler.github.io/slick/
• https://idangero.us/swiper/demos/
• https://owlcarousel2.github.io/OwlCarousel2/

[neilor]

Thanks for confirming this.

I’ll definatley check out those custom js plugins