javascript - 在 Owl Carousel js 中使中心图像比其他图像更大

Question

我想让中心项目中的图像比其他可见项目更大或更大。我正在使用 Owl Carousel js。

请参阅下面的屏幕截图了解其外观。

这是我的 fiddle https://jsfiddle.net/kwowkfuy/ ，使中心的 item 变大。

谢谢大家。

Answer 1

在owlCarousel配置中设置center: true。

现在，center 类将自动添加到居中的项目中。

您可以设置 CSS 属性以使其变大。

.owl-item.active.center {
       transform: scale(1.1, 1.2);
 }