如何从右到左反转猫头鹰旋转木马滑块

时间:2014-12-05 09:54:52

标签: jquery slider owl-carousel

我想反转阿拉伯语的滑块,以便滑块行为反转。

  

Prevoius [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]下一页

假设这里的1到10是含有一些标题和描述的块。

所以这里我要反向这些序列1号位于第10位,第10位是第1位,所以该怎么办?

最后我要

  

下一页[10] [9] [8] [7] [6] [5] [4] [3] [2] [1] Prevoius

3 个答案:

答案 0 :(得分:11)

这里是从右到左滚动的规范:

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

正如您所看到的那样,它只是使用猫头鹰变量 rtl 给它一个真正的值,如下所示:

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

答案 1 :(得分:0)

你可以使用Jump方法,像这样跳转到最后一张幻灯片(我跳转到幻灯片5)

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


   var owls = $(".owl-carousel").data('owlCarousel'); 
   owls.goTo(5);

    });

</script>

答案 2 :(得分:0)

最快的方法是将它放在siperbox.css

#swipebox-container{
direction: ltr;
}

由于