How to flip the owl carousel slider from right to left

Question

I want to cancel the slider for the Arabic language so that the slider behavior changes.

Prevoius [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] Next

Suppose that from 1 to 10 there is a block that contains some heading and description.

so here I want the reverse of this sequence of 1st to be in the position of the 10th and 10th on the 1st position, so what should I do?

Finally i want

Next [10] [9] [8] [7] [6] [5] [4] [3] [2] [1] Prevoius

Answer 1

Here's the specification for scrolling from right to left:

http://www.owlcarousel.owlgraphic.com/demos/rtl.html

As you can see, just using the owl rtl variable giving it the true value:

$('.your-carousel').owlCarousel({ rtl:true });

Answer 2

The fastest way is to put this in siperbox.css

 #swipebox-container{ direction: ltr; } 

thanks

Answer 3

You can use the Jump method, go to the last slide like this (I go to slide 5)

 <script> jQuery(document).ready(function ($) { var owl = $("#owl-demo"); owl.owlCarousel({ //owl options }); var owls = $(".owl-carousel").data('owlCarousel'); owls.goTo(5); }); </script>