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

Question

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

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

这是我的小提琴https://jsfiddle.net/kwowkfuy/，使item中心更大。

多谢你们。

Answer 1

在owlCarousel配置中进行center: true。

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

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

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