猫头鹰旋转木马 - 如何使用下一个点滑动到第 3 张幻灯片 - .owl-dot:活动



我想滑动 3,所以我使用了 slideby:3,但它仅在自动模式下滑动。 当我按顺序逐个单击每个点(猫头鹰点)时,它滑动了 1 次而不是 3 次滑动。那么我可以在 jquery 或我的样式中添加什么属性.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:单击一个点时执行 slideBy:3 个动作

我正在看的另一件事是幻灯片下方的点数。 例如,我有 7 张幻灯片,我正在逐步通过 2 张幻灯片降落在第 3 张幻灯片上,但我想要 6 个点,所以即使在第 2 个点之后,所有幻灯片都已滚动(因为一次显示为"项目:4"/幻灯片/一个循环) 仍然从第三个点开始,它作为一个循环常数开始(继续沿一个方向运动)而是(首先全部反转,然后开始)

我无法在互联网和轮播文档上找到这就是我在这里发布的原因,所以我需要代码中的帮助来实现此功能。(我在许多网站上看到相同的点按行为踩踏)我还做了chrome-->inspect 功能来查找其他网站正在使用但无法弄清楚的属性。

注意:我在每次jquery之前都使用了Doller符号,因为在发布此查询时,我在使用doller符号时无法发布。

看起来您想将点每个选项设置为 3。

最新更新