我正在使用 nivo 滑块(默认主题)并且我将上一个和下一个箭头定位在图像旁边(不是在图像顶部),我想知道是否有一种方法可以始终显示下一个和上一个箭头(现在箭头仅在您将鼠标悬停在图像上时显示)。似乎应该有一种方法来编辑代码来做到这一点,但我似乎无法弄清楚在哪里。谢谢!
4 回答
directionHideNav: false 从 3.1 起不起作用。
现在需要在 CSS 中进行更改 在主题 css 文件中找到该行
.theme-default .nivo-directionNav a
改变:
opacity: 0;
到opacity: 1;
正确的方法是;
只需更改或添加 directionNavHide 值并在 nivoSlider 设置中将其设置为 false。
$('#slider').nivoSlider({directionNavHide:false});
打开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()}
保存上传。
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.