Vue-carousel: Bug: vueCarousel-slide-center not immediately applied

[marbuser]

Hey there. Many other carousels offer a mode called “Center Mode” that looks like this;

As you can see, other elements fade while the center one is full opacity.

I've tried doing this myself but can't seem to figure out.

Is it also possible to have the content wrap around dynamically? So when it gets to the end, instead of jumping to the start, it just continues seamlessly from end to start without the weird jump?

Thanks

[quinnlangille]

Hey @marbuser, we don't have this as an API functionality currently. However, add a class to every element in the center (VueCarousel-slide-center) as well as the ones beside it that are in view (VueCarousel-slide-active). What you're trying to achieve should be possible with these!

[Nfinished]

@quinnlangille this seems to be broken, .VueCarousel-slide-center doesn't reapply correctly on paginate.

[Nfinished]

Here's the bug in action, notice the flicker on the right as -center is briefly applied to the wrong slide.

[quinnlangille]

Good find @Nfinished, I can take a look into this! Will flag as a bug in the mean time :octocat:

[ruipns]

Hey, I see the problem remains so in the mean time any easy work around this issue?

[Nfinished]

This repo seems pretty dead, I'd recommend taking a look at https://github.com/surmon-china/vue-awesome-swiper if you're in need of a carousel with this one's functionality + a lot more.