Flexslider和从右到左语言支持(Flexslider and Right-To-Left l

我安装了一个包含Flexslider WordPress的模板。 我的语言编写从右到左（RTL）。 当页面是RTL时，Flexslider停止，并且不显示图像。 我怎样才能解决这个问题？

Answer 1:

柔性滑块不支持RTL语言。 要解决这个问题的唯一方法是使DIV持有滑块direction: ltr

1. 在你的主题，如果主页上的滑块找到一个名为index.php的发现的控股滑块与所有这些代码的DIV文件style="direction:ltr;" 这将显示你对slier文章完美

2. 若要从RTL修正文本方向找到一个在你的主题，就行控股的代码称为flexslider.css文件.flexslider .slides > li{ （线＃25对我来说）补充一点：
   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:

你需要改变两个JS和CSS为它工作。 幸运的是，它并不需要太多的工作。 我分叉的项目，并增加在支持https://github.com/layalk/FlexSlider/tree/rtl 。 试试看。

Answer 4:

要解决定向导航，在你自己的样式表这些规则应该重写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 5:

我用reverse:true,在flexslider()函数和滑块在默认相反的方向工作。

和

.flexslider .slides li{
    direction: ltr;
}

它为我工作。

文章来源: Flexslider and Right-To-Left language support