Carousel from last image to first does not transition smoothly

[Avinash]

I am using the Carousel control in a Blazor component. I have about 10 images in the component, which transition properly from image 1 to image 10; however, after image 10, when it goes back to image 1, it quickly cycles through all the images, as if it is reversing.

Is it possible to cycle from the last image to the first smoothly, as it does from 1 to 2 or 9 to 10, etc.?

You can see this effect even in the demos
https://blazor.syncfusion.com/demos/carousel/default-functionalities?theme=fluent2

Thanks

[Praveen Sellappan]

Hi Avinash,

Greetings from Syncfusion support.

Based on your requirement to achieve a smooth transition from the last image back to the first in the Carousel, we recommend using the AnimationEffect property set to Fade. When the Fade animation is applied, the first image loads immediately after the last one without visually reverse traversing through all previous images.

We have prepared a sample with this configuration for your reference. Please review it to see if it meets your needs.

Sample: https://blazorplayground.syncfusion.com/BNBnjrhwHNBRMGGC

Code Snippet:

 <SfCarousel AnimationEffect="CarouselAnimationEffect.Fade">

        <CarouselItem>

</CarouselItem>

    </SfCarousel>

 

Additionally, you can apply various custom animation effects to the Carousel component. You can find more detailed information and examples in our documentation here:

Animations and Transitions with Blazor Carousel Component | Syncfusion

Please review these details and feel free to reach out if you encounter any issues.

Regards,

Praveen Sellappan