Woothemes Flexslider 2缺少方向导航按钮

Question

我一直在寻找flexslider v2.0‘不可见的导航功能’的答案，但我在网上找不到确切的答案。也许这是因为在你的页面上添加基本的滑块应该是不需要动脑筋的。=/

无论如何，我希望有人能解释为什么我的滑块没有显示“下一步”和“上一步”控件。

我遵循了woothemes提供的三个步骤，并将bg_direction_nav.png文件添加到我的“图像”文件夹中。

奇怪的是，当我将鼠标悬停在控件应该在的区域上时，我可以单击并在图像之间切换，这样我就知道它存在，只是看不见而已。

下面是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。所以，将下载中包含的字体目录复制到您的服务器上。在CSS中重映射路径。我必须在src:url(‘fonts/flexslider icon.eot’)中添加'/‘，然后才能添加'fonts...’所以这段代码:src:url(‘/fonts/flexslider icon.eot’)；现在工作起来很有吸引力。

Answer 2

在调用JS时尝试directionNav: true

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