只显示一个画廊的5张缩略图

Question

我正在寻找一个只展示画廊前5张缩略图的解决方案。

现在我有一张大图，所有图片都在缩略图下方。 单击缩略图将打开弹出库幻灯片。

我想将页面上的可见缩略图限制为最大5并隐藏其他图片。

有人知道实现这个目标的方法吗？

Answer 1

您应该提供一些代码，以便我们为您提供最好的帮助。 但是通过以下方式执行此操作的简单方法：overflow: hidden;具有特定width 例如：

.thumbnails
{
    width: 200px;
    overflow: hidden;
    display: block;
}

.thumbnail 
{
    width: 40px;
    display: inline-block;
}

类.thumbnails的元素将保存图像，每个图像将具有.thumbnail

类

DEMO：https://jsfiddle.net/277tdp0y/1/