Easy Slider не работает на странице с направлением "RTL"

Question

Я использую плагин Easy Slider.

http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Но когда направление моей страницы справа налево, это не работает. Можете ли вы предложить способ заставить его работать?

Answer 1

вам понадобится изменить в

css:

сделать плавающие слайды вправо в случае страницы справа налево, и вы можете создать класс контейнера rtl или ltr иследующий код

.ltr .slide{float:left;}
.rtl .slide{float:right;}

js:

if ($("body").attr("dir") == "rtl")
    $('#slides').stop().animate({ marginRight: -positions[pos] + 'px' }, 450); or your code
else
    $('#slides').stop().animate({ marginLeft: -positions[pos] + 'px' }, 450); or your code

Мои пожелания

Answer 2

Если вы хотите, чтобы он работал только в RTL (и не делал его переменным), это довольно просто.

В JS и CSS найдите «left» и измените его на «right», например margin-left, float:left. И наоборот. Вероятно, после этого вам придется немного поработать, но, скорее всего, это сработает.

Если вы хотите, чтобы он работал как на RTL, так и на LTR, тогда у вас другая проблема.

Когда плагин загружается, проверьте направление плагина. Везде, где в JS указано какое-либо направление, вам придется добавлять оператор if, меняя направление, если вы находитесь в RTL.

Кроме того, вам придется переопределить значения, установленные в файле CSS, если вы находитесь в режиме RTL.