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 

我的问候