Easy Slider在「rtl」方向不起作用

Question

我正在使用Easy Slider插件。

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

但是，當我的頁面方向是從右到左，這是行不通的。你能建議一種方法來使它工作嗎？

Answer 1

如果你希望它只能在RTL中工作（而不是使其變成可變的），這很容易。

在JS和CSS中，搜索「left」並將其更改爲「right」，如margin-left,float:left。反之亦然。可能在此之後，你必須做一些小調整，但最有可能的只是工作。

如果你想讓RTL和LTR同時工作，那麼你有一個不同的問題。

當插件加載時，檢查插件的方向。在JS中的任何地方，它表示某個方向，你必須添加一個if語句，如果你在RTL中，改變方向。

此外，如果處於RTL模式，則必須覆蓋CSS文件中設置的值。

Answer 2

，你將需要改變

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 

我的問候