javascript - SWIPER JS - 居中幻灯片 - 初始视图：左侧幻灯片齐平，右侧部分可见幻灯片

Question

我一直在弄清楚如何让 Swiper.JS 使用居中幻灯片但在初始加载时我想要以下内容：

左侧应该是齐平的，而右侧应该有一个可见的部分幻灯片。

滑动后，左右两侧都应该有部分滑动可见性。

我能找到的最接近的是 iOS 设备上的 TV 应用程序（见下面的截图）。

刷卡前

刷卡后

标签： javascriptslider

Answer 1

经过大量的跟踪和错误，这就是我想出的......

[1]: https://codepen.io/david2376/pen/rNmPNVO

如果有人提出更好的解决方案，我很想听听。