如何放大位于中心的图像(owl-carousel)

How to enlarge the image that is in the center (owl-carousel)

我想用 owl-carousel2, 做一些我认为简单的事情,但不幸的是我做不到。这是一个每次放大位于中心的图像的问题。我找不到要添加的参数,或者我尝试使用 owl-carousel 类(owl-item active center)。即便如此,我也得不到我想要的。 最初所有的图像都具有相同的大小,我希望能够在它经过中间时重新定义这个大小。

这是我的 js:

$('.owl-carousel').owlCarousel({
  items : 5,
  center: true,
  loop:true,
  nav:true,
  slideBy: 1,
  nav: true,
  rewind: false,
  navSpeed: 200,
  autoplay: true,
  autoplayTimeout: 7000
})

这是一个例子:

这是我的完整代码 (html, css..) : https://jsfiddle.net/MathF/m1knrhd0/14/

看起来像这个问题的重复:

一旦你有了 类,你就可以使用 CSS 来调整图像的大小。