将Flexslider导航按钮移动到外部

Question

是否有设置可以在 flexslider 之外移动上一步和下一步导航按钮，并始终可见？

那些按钮位于外面;不知何故，新版本改变了布局。

我找到了一个老问题flexslider - controling div outside of slider。我想知道这是我实施之前唯一的选择。

谢谢！

Answer 1

这是我找到的解决方案。它适用于FlexSlider v2.1。

它基本上将导航按钮移动到滑块图像之外。

.flex-direction-nav .flex-next { right: 0 !important; margin-right: -30px; 
   opacity: 1 !important; }

.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; 
   margin-left: -30px; }

.flexslider { width: 90%; margin: 0 auto; }

归功于box86rowh。

Answer 2

为什么不用css来定位它们呢？找出他们的班级或身份，然后用css设置左右位置，将他们移动到所需的位置。