1

我有一个以这种方式设置的单件轮播

owl.owlCarousel({
    items:1,
    loop:true,
    autoplay:true,
    autoplayTimeout:5000,
    autoplayHoverPause:true,
    autoplaySpeed: 1000,
    dotsSpeed: 1000
});

在此处输入图像描述

当我从 1 到 2(或在彼此相邻的任意两个点之间)时,转换延迟 1 秒(预期),但是当我从 1 到 4 时,转换需要更多时间。

无论点的距离如何,我都希望转换速度始终相同(1s)。

澄清一下,当它位于点 1 并且我移动到点 2 时,我想要幻灯片 2 中的元素,延迟一秒钟的显示时间,而当从 1 到 4 时,幻灯片 4 中的元素也延迟一秒钟的显示时间。

这是一个jsfiddle示例

请注意,在 jsfiddle 中,我放置了一个span.test具有 1 秒延迟动画的幻灯片,因此当幻灯片在自动播放中移动或您在完成过渡时从 1 转到 2 时,span.test 出现但当您从 1 转到 4 时span.test到达已经显示。

如果你能帮助我,我将不胜感激

4

0 回答 0