如何放大位于中心的图像(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 来调整图像的大小。
我想用 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 来调整图像的大小。