search

SSENSE / vue-carousel

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

Bug: vueCarousel-slide-center not immediately applied #270

Open marbuser opened 6 years ago

marbuser commented 6 years ago

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

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 commented 6 years ago

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 commented 5 years ago

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

Nfinished commented 5 years ago

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

quinnlangille commented 5 years ago

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

ruipns commented 4 years ago

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

Nfinished commented 4 years ago

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.