nivo 滑块,是一种始终显示下一个和上一个箭头的方法吗?
我正在使用 nivo 滑块(默认主题),并将上一个和下一个箭头放置在图像旁边(不在图像顶部),我想知道是否有一种方法可以始终显示下一个和上一个箭头(现在仅当您将鼠标悬停在图像上时才会显示箭头)。似乎应该有一种方法来编辑代码来做到这一点,但我似乎不知道在哪里。谢谢!
I am using nivo slider( default theme) and I positioned the prev and next arrows next to the image(not on top of the image) and I was wondering if there is a way to always show the next and prev arrows(right now the arrows only show when you hover over the image). Seems there should be a way to edit the code to do this but I can't seem to figure out where. Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
DirectionHideNav: false 从 3.1 开始不起作用。
现在需要在 CSS 中进行更改
在主题 css 文件中找到行
.theme-default .nivo-directionNav a
更改:
不透明度:0;
到不透明度:1;
directionHideNav: false doesn't work as of 3.1.
Changes now need to be made in CSS
In the theme css file find the line
.theme-default .nivo-directionNav a
Change:
opacity: 0;
toopacity: 1;
正确的方法是;
只需更改或添加 DirectionNavHide 值并在 nivoSlider 设置中将其设置为 false 即可。
Right way is;
just change or add directionNavHide value and set it to false in nivoSlider settings.
打开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()}
保存上传。
open the nivoslider js file and find
{a(".nivo-directionNav",f).hide();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a(".nivo-directionNav",f).hide()}
change to
{a(".nivo-directionNav",f).show();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a(".nivo-directionNav",f).show()}
Save an upload.
无需接触 JS 代码即可轻松完成此操作,只需在 CSS 文件中添加一行:
我不是 !important 的忠实粉丝,但如果这意味着我不必调整 js,那么它对我有用。
An easy to do it without touching the JS code is just to add a line in your CSS file:
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.