owl-carousel-如何使用每个下一个点滑动到第三张幻灯片-.owl-dot:Active

时间:2019-06-01 21:07:13

标签: javascript html css carousel owl-carousel

我想滑动3,所以我使用了slideby:3,但它仅在自动模式下滑动。 当我依次单击每个点(猫头鹰点)时,它会滑动1滑动而不是3滑动。因此我可以在jquery或style.css中添加什么属性,以便在“自动播放”和手动单击中点滑动带有相同数量的幻灯片(3张幻灯片)。

这是我的:jquery

Doller sign used ('.owl-carousel').owlCarousel({

items:4,
margin:40,
loop:true,

nav:true,`enter code here`
navSpeed:200,

dots:true,
dotsEach:true,

autoplay:true,
autoplaySpeed: 200,

slideBy:3,
})

我正在一步一步地寻找东西,例如:

.owl-dot:Active {
slideBy:3;
}

我知道上面的代码行不通,只是为了清楚地表达我的问题,我想知道是否有可以在jquery或style.css中编写的属性。或者(也许单击每个可能都适合我的情况,但是对我来说理解和关联该代码很复杂,我是jquery的新手) 它非常复杂,根本无法理解:

Doller sign used ('.own-carousel .dot').hover(function() {
        $(this).click();
        }, function() {});

注意:这是我可以编写的代码,只需单击一个点即可执行slideBy:3动作

我要看的另一件事是幻灯片下的点数。例如,我有7张幻灯片,而我要以2张幻灯片为步进,以降落到第三张幻灯片上,但是我想要6个点,因此即使在第二个点之后,所有幻灯片都已经滚动了(一次显示为“ items:4” / slide / one循环)仍然从第三个点开始,它以循环常数(在一个方向上继续运动)开始,而不是(先反转全部然后开始)

我无法在Internet和轮播文档上找到这就是为什么要在此处发布,因此我需要代码帮助以实现此功能。 (我在许多网站上都看到了相同的点,这是由行为引起的)。我也做了chrome-> inspect功能来查找其他网站正在使用的属性,但无法弄清楚。

注意:我在每个jquery之前都使用了Doller符号,因为发布此查询时,使用符号美元不能发布。

1 个答案:

答案 0 :(得分:0)

您似乎想将dotsEach option设置为3。