如何加快 owl 旋转木马的滑动速度？

Question

我正在编辑别人创建的网站，它使用 Owl 轮播（不确定是哪个版本），我找到了允许自定义轮播的代码部分。我想更改幻灯片在更改之前显示的持续时间。

当前代码：

jQuery(document).ready(function($){
    $(".homepage-slides").owlCarousel({
        items: 1,
        nav: true,
        dots: true,
        autoplay: true,
        loop: true,
        navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
        mouseDrag: true,
        touchDrag: false,
    });

代码确实有效，如果我更改它们确实适用的设置。但是当我添加 slideSpeed : 8000, 时没有任何变化，幻灯片仍然太快了。

我也尝试了其他选项，例如 autoplaySpeed:8000, 但无济于事。

Answer 1

使用 autoplay: 8000 而不是 autoplay: true，它使用默认计时。

jQuery(document).ready(function($){
    $(".homepage-slides").owlCarousel({
        items: 1,
        nav: true,
        dots: true,
        autoplay: 8000,
        loop: true,
        navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
        mouseDrag: true,
        touchDrag: false,
    });
});

还请 check/post 您的 owl 版本号，当这不起作用时。

Answer 2

首先要明确的是，在向 Stack Overflow 提问之前请先做一些研究，向前辈提问是很好的，但你要做的是对你的问题进行一些研究。询问现有解决方案的问题可以给负分。

就您的问题解决方案而言，请尝试将以下内容添加到您的代码中

Query(document).ready(function($){
$(".homepage-slides").owlCarousel({
    items: 1,
    nav: true,
    dots: true,
    autoplay: true,
    loop: true,
autoplay:true,
    autoplayTimeout:8000 
    navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
    mouseDrag: true,
    touchDrag: false,
});

如何加快 owl 旋转木马的滑动速度？

How do I speed up slide speed of my owl carousel?

jquery

owl-carousel