「rtl」方向のページでEasy Sliderが機能しない

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の両方で動作させたい場合は、別の問題があります。

プラグインが読み込まれたら、プラグインの方向を確認します。あなたがRTLであれば、ifステートメントを追加して方向を変えなければなりません。

また、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 

マイよろしく