javascript - 仅显示画廊的 5 个缩略图图片

Question

我正在寻找一种解决方案来仅显示画廊的前 5 张缩略图。

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

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

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

Answer 1

您应该提供一些代码，以便我们为您提供最好的帮助。 但简单的方法是: overflow: hidden; 具有特定的 width 示例:

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

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

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

演示:https://jsfiddle.net/277tdp0y/1/