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

bel*_*lle 4 javascript owl-carousel

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

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

在此输入图像描述

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

多谢你们。

Nit*_*ish 5

在owlCarousel配置中进行center: true

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

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

.owl-item.active.center {
       transform: scale(1.1, 1.2);
 }
Run Code Online (Sandbox Code Playgroud)