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

Question

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

Answer 1

directionHideNav：false从3.1开始不起作用。

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

.theme-default .nivo-directionNav a

变化： opacity: 0;至opacity: 1;

Answer 2

正确的方法是;

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

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

Answer 3

打开nivoslider js文件并找到

{A（ “NIVO-directionNav。”，F）.hide（）; f.hover（函数（）{A（ “NIVO-directionNav”，F）.show（）}，函数（）{一（ “.nivo-directionNav”，F）.hide（）}

更改为

{A（ “NIVO-directionNav。”，F）.show（）; f.hover（函数（）{A（ “NIVO-directionNav”，F）.show（）}，函数（）{一（ “.nivo-directionNav”，F）.show（）}

保存上传。

Answer 4

在不触及JS代码的情况下轻松实现只是在CSS文件中添加一行：

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

我不是很重要的粉丝！但是如果这意味着我不需要调整js那么它对我有用。