改变滑块的旋转木马导航箭头的方向?

时间:2015-02-15 02:15:48

标签: slider right-to-left

鉴于我们有一个滑块,网站是从右到左。

滑块的箭头相反(左点向右,反之亦然)。

在开发工具中寻找问题有什么合理的地方?

1 个答案:

答案 0 :(得分:0)

以下解决方案是pure-css,特别适用于Flexslider库。它是Flexslider主要CSS文件的特定代码片段的RTL化。该站点本身是基于Drupal的,因此路径为:/public_html/yoursitesname/sites/all/libraries/flexslider。如果您的站点不是基于Drupal的,只需跟踪flexslider库的路径并在那里应用解决方案。以下是各个阶段:

  1. 复制此片段(我将在一秒内出现),在备注中注明:/*Syntax*/以备将来使用。
  2. RTLizied原始作品。
  3. 应该注意的是,RTL化过程的最后一部分是替换content:'\f001';和content:'\f002'。我注意到这一点,因为它不像将"left:#px"翻转到"right:#px"之类的更改那么直观......
  4. 使用现有查询(请参阅flexslider.css的结尾):
  5.   

    @media screen and(max-width:860px)       {       .flex-direction-nav .flex-prev {opacity:1; left:auto;}       .flex-direction-nav .flex-next {opacity:1;右:auto;}       }

    而不是:

      

    @media screen and(max-width:860px){。flex-direction-nav .flex-prev   {不透明度:1; left:10px;} .flex-direction-nav .flex-next {opacity:   1;右:10px;}}

    享受,本。