vue-carousel icon indicating copy to clipboard operation
vue-carousel copied to clipboard

Infinite scrolling

Open 42savage opened this issue 5 years ago • 10 comments

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

42savage avatar Nov 08 '19 16:11 42savage

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

JeffJassky avatar Dec 03 '19 04:12 JeffJassky

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

hemorej avatar Dec 06 '19 02:12 hemorej

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

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

42savage avatar Dec 07 '19 10:12 42savage

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.

ge-ne avatar Dec 19 '19 23:12 ge-ne

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

cnsaavedra avatar Feb 10 '20 17:02 cnsaavedra

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

cyrusstoller avatar Apr 07 '20 23:04 cyrusstoller

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

marcosdipaolo avatar Jun 03 '20 23:06 marcosdipaolo

I need this feature too.

yahao87 avatar Jul 23 '20 06:07 yahao87

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

rybakk avatar Aug 31 '20 12:08 rybakk

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

cyrusstoller avatar Aug 31 '20 16:08 cyrusstoller