只顯示5張圖庫的縮略圖圖片

Question

我正在尋找解決方案以僅顯示圖庫的前5張縮略圖圖片。

現在我有一個大的圖片，並在它下面的所有圖片縮略圖。 點擊縮略圖將打開彈出庫幻燈片。

我想將頁面上可見的縮略圖圖片限制爲最大5並隱藏其他圖片。

有沒有人知道一種方法來完成這個？

Answer 1

您應該提供一些您的代碼，以便我們可以爲您提供最好的幫助。 overflow: hidden;具體width 例如：

與 .thumbnails類

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

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

元素將保持圖像的每個圖像將有一類.thumbnail

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

但簡單的方法來通過做