在Nivo Slider中更改prev / next导航的位置

Question

我正在使用Nivo Slider jquery插件，并且在大多数情况下它都很好。我能够自己做一些造型（即改变图像周围的框架，改变字幕定位等），但我不能为我的生活弄清楚如何改变下一个/上一个的位置箭头

我想让标题栏右侧显示箭头：

这可能吗？我已经摆弄了背景：.theme-default a.nivo-nextNav（和prevNav）中的位置值，但似乎无法得到我想要的位置。

编辑添加CSS

这是导航按钮的现有CSS：

theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
.theme-default a.nivo-nextNav {
    background-position:-30px 0; 
    right:15px;
}
.theme-default a.nivo-prevNav {
    left:15px;
}

它生成如下箭头：

Answer 1

应该可以 - 你试过改变“顶部”“左”和“右”的css值吗？其中一个箭头应该有顶部/左侧，而另一个箭头应该有顶部/右侧（至少是默认设置）。这些用于确定导航箭头的定位，而背景位置是指图像精灵（用于悬停效果等）。

修改

尝试使用此CSS：

.theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    position:absolute;
}
.theme-default a.nivo-nextNav {
    top:500px; //you'll need to tweak the top and right values to get it into proper position
    right: 300px;
}
.theme-default a.nivo-prevNav {
    top: 500px; // again, tweak these to fit your layout
    left:250px;
}

在Nivo Slider中可以选择您想要导航html标记的位置。在这种情况下，您可以将其放置在标题框中，然后相对定位（类似于当前在整个滑块中的工作方式）。如果没有，这个CSS解决方案应该可行。