SSENSE / vue-carousel

A flexible, responsive, touch-friendly carousel for Vue.js
https://ssense.github.io/vue-carousel/
MIT License
1.72k stars 505 forks source link

Infinite scrolling #493

Open 42savage opened 4 years ago

42savage commented 4 years ago

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

JeffJassky commented 4 years ago

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

hemorej commented 4 years ago

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

42savage commented 4 years ago

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

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

ge-ne commented 4 years ago

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.

cnsaavedra commented 4 years ago

+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 . . .

cyrusstoller commented 4 years ago

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

marcosdipaolo commented 4 years ago

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

yahao87 commented 4 years ago

I need this feature too.

rybakk commented 4 years ago

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

into the template :

`<carousel 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); } } }

cyrusstoller commented 4 years ago

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