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: Webflow - Joe Shannon

(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:

• slick - the last carousel you'll ever need
• iDangero.us
• Home | Owl Carousel | 2.3.4

[neilor]

Thanks for confirming this.

I’ll definatley check out those custom js plugins