Flexslider和從右到左語言支持

Question

我在WordPress上安裝了一個包含Flexslider的模板。我的語言是從右向左寫的（RTL）。當頁面爲RTL時，Flexslider停止並且不顯示圖像。我該如何解決這個問題？

Answer 1

flex滑塊不支持rtl語言。要解決這個問題的唯一方法是使DIV持有滑塊direction: ltr

1. 在你的主題，如果主頁上的滑塊找到一個名爲index.php的文件發現的控股滑塊div和這一切代碼style="direction:ltr;" 這將顯示你對slier文章完美

2. 要解決從RTL文本方向找到一個在你的主題，就行控股的代碼.flexslider .slides > li{（線＃25我）叫flexslider.css文件中添加這：
   text-align:right;
direction:rtl;

這兩個步驟爲我修好了。祝你好運

Answer 2

肥胖的答案不適合我。什麼工作是修改.flex-viewport通過設置direction: ltr：

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; direction: ltr; } 

Answer 3

要解決的方向航行，在你自己的樣式表，這些規則應該重寫flexslider規則：

/* Flexslider RTL */ 
.flex-direction-nav .flex-next {background-position: 0 0; left: -36px; right: auto;} 
.flex-direction-nav .flex-prev {background-position: 100% 0; right: -36px; left: auto;} 
.flexslider:hover .flex-next {left: 5px; right: auto;} 
.flexslider:hover .flex-prev {right: 5px; left: auto;} 
@media screen and (max-width: 860px) { 
    .flex-direction-nav .flex-prev {opacity: 1; right: 0; left: auto;} 
    .flex-direction-nav .flex-next {opacity: 1; left: 0; right: auto;} 
} 

Answer 4

你需要改變兩個JS和CSS它上班。幸運的是，它不需要太多的工作。我分叉了項目並在https://github.com/layalk/FlexSlider/tree/rtl處添加了支持。試一試。

Answer 5

我在flexslider()函數中使用了reverse:true,函數，滑塊的工作方向與默認相反。

而且

.flexslider .slides li{ 
    direction: ltr; 
} 

它爲我工作。