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

show only 5 thumbnails pictures of a gallery

本文关键字：5张 略图 一个 显示      更新时间：2023-09-26

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

现在我有一个大的图片和它下面的所有图片缩略图。点击缩略图将打开一个弹出的图库幻灯片。

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

有谁知道实现这个的方法吗?

你应该提供一些你的代码，这样我们可以帮助你最好。但简单的方法是:overflow: hidden;和特定的width例子:

.thumbnails
{
    width: 200px;
    overflow: hidden;
    display: block;
}
.thumbnail 
{
    width: 40px;
    display: inline-block;
}
具有.thumbnails类的

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

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

相关文章：