2014-12-05 3 views
5

Я хочу, чтобы повернуть слайдер для арабского языка, чтобы поведение слайдера было обратным.
Как перевернуть слайдер карусели совы справа налево

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

+1

Вы можете плавать вправо для каждого –

+0

Здесь, в слайдере, отображается только 4 блока, поэтому он не может быть положительным .. –

+0

если ответ не работает, пожалуйста, предоставьте свой html-код –

ответ

9

Вот спецификация для прокрутки справа налево:

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

Как вы можете видеть, это просто с помощью переменного филина РТЛ придав ему истинное значение, как так:

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

+1

Есть ли возможность перемещать слайды, а не наоборот.? –

+0

@MuddasirAbbas вы когда-нибудь узнали, как это сделать? Продолжая в том же направлении ... –

0

Вы можете использовать метод прыгать, прыгать на последнем слайде, как это (я прыгать слайд 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

Самый быстрый способ ставит это в siperbox.css

#swipebox-container{ 
direction: ltr; 
} 

Thanks

Смежные вопросы