Vue-carousel: Infinite scrolling

Created on 8 Nov 2019  路  10Comments  路  Source: SSENSE/vue-carousel

Would you add infinite scrolling to make carousel experience quite better?
Or maybe it is availabe, but i didn't figured it out in docs

Most helpful comment

+1 for (say for example 3 slides) loopable infinitely instead of scrolling from 3 to 1 by going through 2

i.e.:
. . . 3-> 1 -> 2 -> 3 -> 1 -> 2 -> 3 . . .

All 10 comments

I also need this feature for my application. Thanks for the great plugin!

There's a loop config you can set to true to do that

There's a loop config you can set to true to do that

In this carousel loop config is for autoplay, it loops autoplay.

The effect I feel missing is that swiping at the end does not continue on the other end.

Slightly distracting is also that the rewind in the autoplay loop is visible.

+1 for (say for example 3 slides) loopable infinitely instead of scrolling from 3 to 1 by going through 2

i.e.:
. . . 3-> 1 -> 2 -> 3 -> 1 -> 2 -> 3 . . .

Agree that this would be an awesome config to add. Thank you for the great library.

Any news about this? i mean the infinite loop without visibly rewinding ?

I need this feature too.

You can try a temporary solution, not very clean but working.

into the template :

` class="home_carrousel"
autoplay
autoplay-hover-pause
:per-page="1"
:pagination-enabled="false"
center-mode
@transition-end="onSlide"
ref="homeCarrousel"

`

into the script :

methods: { onSlide() { if (this.$refs.homeCarrousel.currentPage == (this.$refs.homeCarrousel.slideCount - 1)) { this.$refs.homeCarrousel.goToPage(0); } } }

I ended up using https://github.com/lukaszflorczak/vue-agile instead for this functionality.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hdodov picture hdodov  路  5Comments

SAL-MichaelZanggl picture SAL-MichaelZanggl  路  3Comments

gomezmark picture gomezmark  路  5Comments

hudy1 picture hudy1  路  5Comments

kenyk7 picture kenyk7  路  4Comments