nivo 滑块,是一种始终显示下一个和上一个箭头的方法吗?

发布于 2024-11-27 21:42:03 字数 139 浏览 0 评论 0原文

我正在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

抠脚大汉 2024-12-04 21:42:04

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; to opacity: 1;

蓝梦月影 2024-12-04 21:42:04

正确的方法是;

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

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

Right way is;

just change or add directionNavHide value and set it to false in nivoSlider settings.

$('#slider').nivoSlider({directionNavHide:false});
最舍不得你 2024-12-04 21:42:04

打开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.

初见 2024-12-04 21:42:04

无需接触 JS 代码即可轻松完成此操作,只需在 CSS 文件中添加一行:

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

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

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文