javascript - Nivo slider 拇指

Question

我正在使用 nivo-slider，我正在尝试制作缩略图，但我无法让它工作。

这是我所拥有的:

Nino Slider Demo

Here is the tutorial on how to ，但我无法让它工作。

Nive Slider Website

我希望有人能看到我做错了什么

Answer 1

我发现主题“default.css”与 img 样式冲突(如教程中所述)。您需要注释掉default.css中以下类的css样式:

.theme-default .nivoSlider img
.theme-default .nivoSlider a
.theme-default .nivo-controlNav
.theme-default .nivo-controlNav a
.theme-default .nivo-controlNav a.active

而且，正如他们的 tutorial 中所述，您需要添加此样式:

#slider .nivo-controlNav {
    position:absolute;
    bottom:-70px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img {
    display:inline; /* Unhide the thumbnails */
    position:relative;
    margin-right:10px;
}

我也遇到了这个问题，希望对大家有帮助。