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

时间:2022-08-22 11:15:44

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

我想为阿拉伯语反转滑动条,这样滑动条的行为就会反转。

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

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

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

假设这里的1到10是块内容的标题和描述。

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?

所以这里我想要把这些顺序颠倒一下,第1位的位置在第10位,第10位在第1位,那么我该怎么做呢?

Finally i want

最后,我想要的

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

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

3 个解决方案

#1


9  

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

下面是从右向左滚动的说明:

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

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

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

正如你所看到的,它只是使用owl变量rtl给它一个真实的值,比如:

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

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

#2


1  

The fastest way is putting this in siperbox.css

最快的方法是把它放到siperbox.css中

#swipebox-container{
direction: ltr;
}

Thanks

谢谢

#3


0  

You can use Jump method, jump to last slide like this (i jump to slide 5)

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

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


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

    });

</script>

#1


9  

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

下面是从右向左滚动的说明:

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

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

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

正如你所看到的,它只是使用owl变量rtl给它一个真实的值,比如:

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

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

#2


1  

The fastest way is putting this in siperbox.css

最快的方法是把它放到siperbox.css中

#swipebox-container{
direction: ltr;
}

Thanks

谢谢

#3


0  

You can use Jump method, jump to last slide like this (i jump to slide 5)

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

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


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

    });

</script>