5

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

4

4 回答 4

11

directionHideNav: false 从 3.1 起不起作用。

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

.theme-default .nivo-directionNav a

改变: opacity: 0;opacity: 1;

于 2012-10-29T06:39:00.937 回答
6

正确的方法是;

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

$('#slider').nivoSlider({directionNavHide:false});
于 2012-02-21T01:09:25.563 回答
4

打开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()}

保存上传。

于 2012-01-27T15:09:29.247 回答
2

An easy to do it without touching the JS code is just to add a line in your CSS file:

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

I'm not a big fan of !important, but if it means I don't have to adjust the js then it works for me.

于 2011-12-18T13:45:46.667 回答