缩略图分页/滚动

Question

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

live site.

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）的情况。