nivo 滑块，是一种始终显示下一个和上一个箭头的方法吗？答案

【问题标题】：nivo slider, is a way to always show the next and prev arrows?nivo 滑块，是一种始终显示下一个和上一个箭头的方法吗？
【发布时间】：2011-10-20 23:11:34
【问题描述】：

我正在使用 nivo 滑块（默认主题）并且我将上一个和下一个箭头定位在图像旁边（不是在图像顶部），我想知道是否有一种方法可以始终显示下一个和上一个箭头（现在箭头仅在您将鼠标悬停在图像上时显示）。似乎应该有一种方法来编辑代码来做到这一点，但我似乎无法弄清楚在哪里。谢谢！

【问题讨论】：

我实际上想通了.....如果有人需要知道如何做到这一点，这是解决方案.....将 directionNavHide:true 设置为 directionNavHide:false ，代码位于jquery.nivo.slider.pack.js 文件靠近文件底部。

【解决方案1】：

无需接触 JS 代码即可轻松实现，只需在 CSS 文件中添加一行：

.nivoSlider .nivo-directionNav{
    display: block !important; /* ALWAYS show the arrows */
}

我不是 !important 的忠实粉丝，但如果这意味着我不必调整 js，那么它对我有用。

【讨论】：

【解决方案2】：

打开nivoslider js文件，找到

{a(".nivo-directionNav",f).hide();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a (".nivo-directionNav",f).hide()}

改成

{a(".nivo-directionNav",f).show();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a (".nivo-directionNav",f).show()}

保存上传。

【讨论】：

【解决方案3】：

正确的方法是；

只需更改或添加 directionNavHide 值并在 nivoSlider 设置中将其设置为 false。

$('#slider').nivoSlider({directionNavHide:false});

【讨论】：

【解决方案4】：

directionHideNav: false 从 3.1 起不起作用。

现在需要在 CSS 中进行更改在主题 css 文件中找到该行

.theme-default .nivo-directionNav a

改变： opacity: 0;转opacity: 1;

【讨论】：