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"