Streaming live at 10am (PST)

Sliding slideshow to the right

#1

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"


#2

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.

#3

Sorry for the late relpy.
Yes i did.

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