Sliding slideshow to the right

Hi, try to get my slideshow to slide to the Right instead of the default Left.
Not sure if my javascript code is correct.
Any help, please.
Thank you.

<div data-delay="4000" data-animation="slide" data-autoplay="1" data-disable-swipe="1" data-duration="500" data-infinite="1" class="sliderright w-slider">
 <div class="w-slider-mask">
<div class="slide01r w-slide"></div>
                   <div class="slide02r w-slide"></div>
                   <div class="slide03r w-slide"></div>
                 </div>
                 <div class="left-arrow-2 w-slider-arrow-left">
                   <div class="w-icon-slider-left"></div>
                 </div>
                 <div class="right-arrow-3 w-slider-arrow-right">
                   <div class="w-icon-slider-right"></div>
                 </div>
                 <div class="w-slider-nav w-round"></div>
               </div>

    <script type="text/javascript">
    	      $(document).ready(function(){
    	      
    	       $('.slide-to-the-right').animate({left: "500px"}, "slow", function () {
    	              $('.sliderright w-slider-mask div:first-child').appendTo('.slide-to-the-right');
    	              $('.slide-to-the-right').css('left', '0');
        		});
    	      
    	      });
    	</script>

Created an attribute on the mask
data-slide =“.slide-to-the-right”


Hi @GoldingSky

Thanks for sharing this. Did you manage to make it work to switch direction of the slider?
I have the same issues and want a slider to go from right to left. so where slide 2 is appearing from the right instead of the left.

I’m curious if you managed to make it work.
Let me know.

Sorry for the late relpy.
Yes i did.

https://preview.webflow.com/preview/test-7c8c18?utm_source=test-7c8c18&preview=b777c9d96cd62b813bc22bb1fdf598b7