使用缩略图更改大小的React Slider

Question

我正在尝试构建一个滑块，该滑块除了可以使可见幻灯片在左/右或上/下窗口中的移动动画化之外，还可以更改一些可见幻灯片的大小，如下所示。

说，我想预览5个缩略图（或任何奇数）。在这种情况下，我想要第一个和最后一个缩略图，例如占中央缩略图的50％，而第二个和第四个则占中央缩略图的75％。我还希望缩略图在移动时能转换大小。我当时正在考虑将用于大多数轮播的滑动窗口与transform: scale(${percentage});或其他东西组合。

您看到了可以用作入门工具的东西吗？