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>