Search code examples
jquerysliderowl-carousel

How to Reverse owl carousel slider slide from right to left


I want to reverse slider for Arabic language so slider behavior reverse.

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

Assume that here 1 to 10 is block that content some heading and description.

so here i want reverse of these sequence 1th is at position of 10th and 10th is at 1th position so what should i do?

Finally i want

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


Solution

  • Here's the specification to scroll from right to left:

    https://owlcarousel2.github.io/OwlCarousel2/demos/rtl.html

    As you can see it's simply using the owl variable rtl giving it a true value like so:

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