[Bug]: Fading transition does not work for forward and backward directions.

[muralig-hub]

Describe the bug

Fading transition does not work for forward and backward directions.

#152
#159

@milindmore22 @HiAbhayKulkarni

Expected behavior

The images for rtCarousel should scroll with a fading effect for forward and backward directions

Actual behavior

The images don't scroll with fading effect for forward and backward directions.

Steps to reproduce

1. Add the rtCarousel plugin (v2.0.4) to the WordPress site.
2. Create a page
3. Add the rtCarousel Block and add the images to the block
4. Go to setting for the rtCarousel block
5. Select "Transition to Fade" and "Direction to Forward"
6. Save the page
7. Preview the page in a browser window to see the fading effect

Note: Repeat the same steps for backward fade by changing step 5 to "Direction to Backward".
Video

rtCarousel.Fade.-.Google.Chrome.2026-07-09.13-31-13.mp4

Environment information

OS: Win 10
Browser: Chrome browser
Plugin Version: rtCarousel 2.0.4

WordPress Environment

WordPress Version: 7.0
PHP Version: 8.5
Active Theme: Twenty Twenty Five
Active Plugins: rtCarousel

Contribution Guidelines

• I have read the contribution guidelines

[milindmore22]

Hi @HiAbhayKulkarni,

I wanted to get your thoughts on a quick implementation detail. The Auto Scroll plugin for Embla Carousel does not natively support a "fade" effect alongside its continuous scrolling behavior.

How should we approach this? Here are two potential paths we can take:

• Option 1: Disable Auto Scroll
  Automatically disable or hide the Auto Scroll feature whenever the fade transition is selected.
• Option 2: Fallback to Autoplay
  Keep Auto Scroll enabled in the UI, but natively use Embla's Autoplay plugin under the hood to apply the fade transition instead of a continuous scroll.

Please let me know which direction you'd prefer to go with!

cc: @danish17

[danish17]

Hi @HiAbhayKulkarni,

I wanted to get your thoughts on a quick implementation detail. The Auto Scroll plugin for Embla Carousel does not natively support a "fade" effect alongside its continuous scrolling behavior.

How should we approach this? Here are two potential paths we can take:

• Option 1: Disable Auto Scroll
  Automatically disable or hide the Auto Scroll feature whenever the fade transition is selected.
• Option 2: Fallback to Autoplay
  Keep Auto Scroll enabled in the UI, but natively use Embla's Autoplay plugin under the hood to apply the fade transition instead of a continuous scroll.

Please let me know which direction you'd prefer to go with!

cc: @danish17

@milindmore22 / @muralig-hub - Transitions make sense only for autoplay/manual navigation. Auto-scroll is continuous and transitions are not compatible with it.