Feature request: Infinitely loop without scrolling back to first slide

[martin-badin]

Please add support for infinite loop without scroll to the first slide.

If I'm on the last slide, the next slide should be the first slide. For example please see the slick slider.

[focussing]

👍

[sergiocastrovale]

Yeah, this is kind of the expected behavior on a loop-able slider, not the other way around. Any chance it will be included soon?

[quinnlangille]

We've had lots of requests for this, I'll flag this as a feature request!

[wes977]

I added a story to the play using a prop "loop" that makes the carousel return to the first slide if set to true.

[quinnlangille]

Hey @wes977, thanks for updating the docs with an example. I should have thought of it before, since it would likely answer a lot of questions we get regarding autoplay and loop.

However, just to clarify, the feature requested here is to continue looping without the animation that returns to the first slide. So rather than

1 -> 2 -> 3 🔁 
  1 -> 2 -> 3 🔁 
    1 -> 2 ->3 

the expected functionality would be,

1 -> 2 -> 3 -> 1 -> 2 -> 3 -> 1 -> 2 -> 3

as a seamless loop, which require some intervention in the codebase to implement. I've though about it a bit while writing this and the feature will probably involve pushing values to the slides array rather than resetting the count on the loops end.

[focussing]

yes that would be much appreciated :)

[Kemper-Diao]

This request is solved ? I have the same request

[bartdominiak]

@Kemper-Diao Use prop: loop="true"

[Kemper-Diao]

@Kemper-Diao Use prop: loop="true"

but It's still not working, my version is 0.16.0-rc1, is that right?

[quinnlangille]

Hey @Kemper-Diao, no this is still an open feature request. If a feature has been added into a release, it's issue will be closed and comment will be made with the release.

[dacsang97]

@Kemper-Diao :loop="true" working in 0.16.0-rc2

[timeandtimeago]

Should this not be added to the API page on the github.io site? https://ssense.github.io/vue-carousel/api/

[simonorono]

@timeandtimeago this is yet to be implemented

[engelde]

Just wanted to throw in another request for this feature. This is a great project. Thank you and keep up the good work!

[Nfinished]

+1

[gasperecf]

This would also solve problem with swipe to next on last slide

[Lanatel]

+1

[damienmcd]

+1

[jfaq89]

+1

[hcristiano]

+1

[madhuab]

Is this feature released? 1-2-3-1-2-3-1-2-3 not 1-2-3-321-2-3-321-2-3

[cnsaavedra]

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

[Skmt3P]

When will this PR be merged...? Is there anything that I can do? https://github.com/SSENSE/vue-carousel/pull/360

[abhipanda]

Its over a year now :(

[marcosdipaolo]

Any news about this?

[Oswalman]

I have the same problem :c

[jeff-kroot]

Everyone here, see my comment in #360. There are bugs in that PR when combined with :scrollPerPage="false". If you don't care about that, my suggestion would be to fork, apply the patch, and deploy it for yourself.

[yohanesisa]

i just use vue-carousel today and wondering if it can do a infinite loop, the documentation mention nothing about it and i found this open ticket...

so i'm using "vue-carousel": "^0.18.0" and i used props <carousel :loop="true"> and it doing great!

Hope everyone that wondering can try it too and documentation should be update soon. Thank you for this great package, so appreciate it 👌

[focussing]

You are right; it works. But what it does it goes to the last slide and then runs back in the opposite direction to slide 1. Instead of keeping the scrolling direction as it was…

Best regards, Mit freundlichen Grüßen, Met vriendelijke groet, Raymond Verbruggen

FOCUSSING B.V. Mispel 8 7621 WB Borne Netherlands +31 6 250 500 69 [email protected] www.focussing.nl

Op 22 feb. 2021, om 06:39 heeft Yohanes Isa [email protected] het volgende geschreven:

i just use vue-carousel today and wondering if it can do a infinite loop, the documentation mention nothing about it and i found this open ticket...

so i'm using "vue-carousel": "^0.18.0" and i used props and it doing great!

Hope everyone that wondering can try it too and documentation should be update soon. Thank you for this great package, so appreciate it 👌

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/SSENSE/vue-carousel/issues/288#issuecomment-783098780, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGL7MGF2DYQHQVQCVJILDMTTAHU2DANCNFSM4FWCQVAA.

[Gyunbie]

Everyone here, see my comment in #360. There are bugs in that PR when combined with :scrollPerPage="false". If you don't care about that, my suggestion would be to fork, apply the patch, and deploy it for yourself.

I forked the PR but how do you actually make it work? I couldn't make it infinite scrollable.