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

标签 jquery css owl-carousel-2

<分区>

我想用 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
})

这是一个例子:enter image description here

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

最佳答案

看起来像这个问题的重复:How do I add classes to items in Owl Carousel 2?

一旦您获得了其中的类,您就可以使用 CSS 来调整图像的大小。

关于jquery - 如何放大位于中心的图像(owl-carousel),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49365636/

上一篇:html - "cursor: pointer"根本不工作

下一篇:html - div的水平滚动条影响垂直对齐

相关文章:

javascript - paulirish/infinite-scroll 正在加载错误的页面

javascript - 使用 jQuery 处理多个复选框

php - Htaccess 只允许特定的 URL 不加载它的 CSS

html - 响应式 CSS 图/图像网格

javascript - angular.js TypeError : $(. ..).owlCarousel 不是函数

javascript - Owl Carousel 2 - 自动高度(多项)

javascript - Owlcarousel 2 在初始化后更改设置

php - 自定义 jquery 自动完成结果

javascript - jquery 会使浏览器变慢吗?

javascript - CSS/JS : How do I tell my page to be completely unselectable, 除了 div 内的东西?