jquery - 缩略图分页/滚动

Question

我正在使用插件作为图像/图库滑块。就目前而言，主图像下方的缩略图以网格形式显示 - 我希望它们显示在单行中，来回滑动以显示所有图像。我怎样才能做到这一点？

现场直播。

Answer 1

为您的容器 div (nivo-controlNav) 设置一个高度。它应该等于你拇指的高度，并将它的溢出设置为隐藏

像这样：

.nivo-controlNav {
    height: 130px; /*here you put your real size*/
    overflow: hidden;
}

后期编辑：

.nivo-controlNav {
    height: 136px;
    width: 960px;
    overflow-y: hidden;
    overflow-x: auto;
}
.nivo-controlNav a {
    width: 136px;
    height: 136px;
    display: inline-block;
    float: left;
}

Answer 2

我会假设它需要浮动图像容器元素。如果它们已经浮动（可能是由于您提到的网格布局），那么可能是扩展容器 div 的宽度（包含所有缩略图的 div）的情况。