扩展轮播HTML CSS

I am trying to recreate something along the lines of this expanding carousel from http://www.nytimes.com/newsgraphics/2013/09/13/fashion-week-editors-picks/index.html

我在其他任何地方都没有找到类似想法的好例子。

我遇到的一个问题是试图查看它是如何工作的,它最初的构造方式是使用单个图像制作的,然后由D3以某种方式进行操作。

Instead of that I want to have x amount of individual images like these: https://s.put.re/ebt4N5F9.jpg https://s.put.re/b1JEEGKX.jpg https://s.put.re/MJfYvLQ8.jpg etc. for lets say up to 100 individual images. With the same carousel effect and the little identifier of specif image groups under, like these:

enter image description here