Question

我一直试图找到关于flexslider v2.0的“隐形导航功能”的答案，但我发现没有什么可以在线回答我的确切问题。也许是因为在页面中添加基本滑块应该是不费脑子的。 = /

无论如何，我希望有人可以说明我的滑块没有显示“下一个”和“上一个”控件的原因。

我已按照woothemes提供的三个步骤进行操作，并将bg_direction_nav.png文件添加到我的'images'文件夹中。

奇怪的是，当我将鼠标悬停在控件所在的区域上时，我可以在我的图像之间单击并切换，以便我知道它存在，它只是不可见。

这是css：

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1 !important; right: 5px;}
.flexslider:hover .flex-prev {opacity: 1 !important; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

请告诉我是否应提供其他任何内容。

Answer 1

同样的问题。发现他们用图形文件替换了图形.png。 Soooo，将下载中包含的字体目录复制到您的服务器上。在CSS中重新映射路径。我不得不在src：url（'fonts / flexslider-icon.eot'）中添加'/';在'fonts ...'之前所以这个：src：url（'/ fonts / flexslider-icon.eot'）;现在就像一个魅力。

Answer 2

调用JS时尝试directionNav: true

$('#mainslider').flexslider({  
 directionNav: true
});

Woothemes Flexslider 2缺少方向导航按钮

2 个答案: