wrapAround incompatibility with a 2-slide carousel about flickity-fade HOT 30 OPEN

@albell I also needed this for a client and a quick/dirty fix I found was to leave fade set to true and update my CSS to:

    .carousel-cell {
      opacity: 0 !important;
      transition: opacity 1s ease !important;
      &.is-selected {
        opacity: 1 !important;
      }
    }

from flickity-fade.

Thanks for reporting this issue. I'll take a look.

from flickity-fade.

Bumping, have the same issue.

from flickity-fade.

Hey @desandro any intel on this? This is sort of a dealbreaker. Super hard to explain this to a client. 😬 If this is just a quick fix to the opacity math I might be up for it.

from flickity-fade.

+1 for this issue! Still a problem, though @laurelstreng's solution worked for now.

from flickity-fade.

Why was this closed? Still having this issue.

from flickity-fade.

I love that this is still helping people 3+ years later 😄

from flickity-fade.

Just to confirm @laurelstreng fix worked for us perfectly. Thanks :)

from flickity-fade.

This still isn't fixed :(

from flickity-fade.

@laurelstreng you made my day! Your solution fixed it for me too! :)

from flickity-fade.

I also had a similar issue, though not with fading. I have four cells in view which flickered when sliding. using the fix above by @laurelstreng and setting initial opacity to 1.

Thanks for the fix :)

from flickity-fade.

I am also having this issue. Any fixes coming?

It is a particular problem in a CMS driven site, where the client sometimes only uploads 2 images to a gallery component.

from flickity-fade.

I am also having the same problem and i don't know how to explain this issue for the client so i decided to start using the swiper plugin, it covers this issue and many other issues.
https://swiperjs.com/swiper-api

from flickity-fade.

@laurelstreng Thank you so much! You saved me.

from flickity-fade.

Cheers, thanks for the fix.

from flickity-fade.

@laurelstreng works perfectly, thank you.

from flickity-fade.

@laurelstreng thanks for the fix! You saved me a headache

from flickity-fade.

Thanks for the fix @laurelstreng !

from flickity-fade.

Also have same issue

from flickity-fade.

Also running into the same issue

from flickity-fade.

Same here. Any updates planned? I know that Metafizzy is now lower priority, but is there any roadmap?

from flickity-fade.

+1 on a fix here.

from flickity-fade.

Same problem in our end too.

from flickity-fade.

Thank you +1

from flickity-fade.

+1 :)

from flickity-fade.

Thanks for the fix! +1 for a better one @desandro 😄

from flickity-fade.

I think I have a potential fix for this issue. It might not be the root cause, but it works great for me.

#11

from flickity-fade.

facing the same problem. +1 for a fix @desandro

from flickity-fade.

Thanks @laurelstreng - your fix worked a treat!

from flickity-fade.

I am also having the same problem and i don't know how to explain this issue for the client so i decided to start using the swiper plugin, it covers this issue and many other issues. https://swiperjs.com/swiper-api

Just as a heads up:

Be careful if you are sticking with Swiper and using lots of images.

I am currently migrating a huge e-com from Swiper to Flickity because it was not able to scale - having more than 15 images on the same slider was freezing the page.

Between all the most popular alternatives (Flickity, Slick, Swiper, Owl Carousel), Flickity was the only one able to properly handle things. (in my experience, of course).

from flickity-fade.