jquery - Nivo Slider 导航样式化问题

Question

所以我有一个名为 DotsAndDashes 的自定义 Nivo Slider 主题，我遇到了一些问题，我正在努力通过主题的 CSS 表来解决。

第一个，如上所述，与导航箭头有关，nextNav 在今天早上指向了错误的方向。我对 CSS 进行了修补，现在是这样的:

.theme-DotsAndDashes .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(wp-content/uploads/nivo-themes/DotsAndDashes/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;

.theme-DotsAndDashes:hover .nivo-directionNav a { opacity: 1; }
.theme-DotsAndDashes a.nivo-nextNav {
background-position:-30px 0;
right:15px;
.theme-DotsAndDashes a.nivo-prevNav {
left:15px;

目前，我现在没有任何箭头，也无法真正理解为什么会这样......

另一个问题涉及缩略图的缩放。目前它们居中，但理想情况下我需要它们的大小根据给定画廊中的拇指数量按比例变化......

提前致谢!

Answer 1

我注意到的第一件事是您的 arrows.png 上出现无法加载资源错误。这就是为什么它们不可见的原因，因为找不到它们。其次，当你几乎没有改变任何东西时，为什么要为 nivo 创建一个完整的主题？这些少量的小改动可以像覆盖原始 CSS 一样轻松地合并到您的主 CSS 中。这样就不太容易出错，例如忘记主题中的某些内容或将某些内容更改为不应更改的其他内容(此处仅举一个例子)。希望这会有所帮助。