Vue-carousel: Feature request: Infinite loop

Created on 13 Jan 2017  路  20Comments  路  Source: SSENSE/vue-carousel

feature

Most helpful comment

Looks great, but there is one more needed feature - infinite loop without returning back. For example, if I have 3 slides, slider goes 1-2-3 and then moves fast in backwards direction (3-2-1). Would be great, if it goes in the same direction 1-2-3-1-2-3...

All 20 comments

Hey @toddlawton. Any workarounds for this until you get it implemented?

OK @toddlawton, I decided to just make a PR. https://github.com/SSENSE/vue-carousel/pull/43

hello. i'm update a feature infinite loop but isn't work. please help me.
i updated 2 files alike link but my slide isn't loop.
My code slide:
<carousel :autoplayLoop="true" :autoplay="true" :autoplayTimeout="3000" :autoplayHoverPause="true" :perPage="1" :navigationEnabled="true" :paginationEnabled="false" >

@HoangAnhEk use :loop instead of :autoplayLoop

@toddlawton - Thanks a lot for this feature PR! Was looking exactly for this, and found it!

I would vote for closing this issue to represent that it's actually been

  1. developed
  2. merged
  3. tagged and released on npm

Looks great, but there is one more needed feature - infinite loop without returning back. For example, if I have 3 slides, slider goes 1-2-3 and then moves fast in backwards direction (3-2-1). Would be great, if it goes in the same direction 1-2-3-1-2-3...

Hi,
Documentation need update :

https://ssense.github.io/vue-carousel/api/

Any update on the infinite loop without reset? Thanks for this awesome component!

@stephan-v: it works, you just throw in :loop=true :)

@JonathanMH The infinite loops works but it simply "jumps" back to the first slide. What I would like(and probably a lot more people) if it is simply kept on going. So, using the exact same animation as if you were to have another slide.

I have been developing a lot with Vue so I am interested in checking out this project. Perhaps I can help.

@stephan-v I get it! Sorry, my mistake!

hi, is this still in progress? thank you for this library :)

@stephan-v Yes, I'm also interested in this feature. Perhaps I can help, as well.

Hey @stephan-v and others inquiring, this feature was merged in some months ago but the documentation was never updated - the updated docs will be released with the next patch! However, in the mean time all that's required is :loop=true on your carousel, as per PR #62

@quinnlangille Thanks for the heads up. We saw the new feature (which is great), but instead of looping forward naturally the current functionality jumps back through all the slides to get to the end or beginning. We were discussing improving the functionality so that the slides are dynamically re-positioned and can move forward infinitely.

Is it possible to update the documentation with the "loop"-attribute? :)

@khmjcd yeah the doc update with be out with v0.6.6

@lukeheath yeah I agree that it would make sense. Maybe it would work as a second value to the :loop prop. If anyone wants to implement, feel free to assign yourself to this issue and open a PR!

Build is updated with the new docs! Closing this issue. If anyone has any questions or requests concerning loop, feel free to open another issue :octocat:

How to make it not loop back from first slide? or how to make it continuously loop by not moving back to slide 1.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gomezmark picture gomezmark  路  5Comments

jsilasbailey picture jsilasbailey  路  4Comments

blackforestcode picture blackforestcode  路  4Comments

doginthehat picture doginthehat  路  3Comments

hudy1 picture hudy1  路  5Comments