猫头鹰旋转木马中心有两个项目

时间:2016-08-03 22:31:41

标签: javascript jquery css owl-carousel owl-carousel-2

我试图使用猫头鹰旋转木马2来创建一个滑块,该滑块将两个项目居中,而不是以一个为中心的选项。到目前为止,我已经设法通过在源代码中添加一些行来为中心项左边的项添加一个额外的类。

if (this.settings.center) {
    this.$stage.children('.center').removeClass('center');
    this.$stage.children().eq(this.current()).addClass('center');
    this.$stage.children('.next-to-center').removeClass('next-to-center');
    this.$stage.children().eq(this.current() - 1).addClass('next-to-center');
}

但是,当我显示四个项目时,我无法弄清楚如何使两个项目居中。我想将中心项目侧面的每个项目剪成两半。任何人都知道我该怎么做,或者推荐一个包含它的库?

这是一个关于我到目前为止已经走多久的例子的小提琴

http://jsfiddle.net/7e97o5hn/4/

0 个答案:

没有答案