在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);
 }

Answer 2

在owl配置设置中添加Center true

但是这会弄乱元素之间的间距，因此还要添加到您的 css 中。

owl-item.center { display: block }