如何加快猫头鹰旋转木马的滑动速度？答案

【问题标题】：How do I speed up slide speed of my owl carousel?如何加快猫头鹰旋转木马的滑动速度？
【发布时间】：2018-10-12 21:23:24
【问题描述】：

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

当前代码：

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,，但无济于事。

【问题讨论】：

标签： jquery owl-carousel

【解决方案1】：

首先你要说清楚，在向 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,
});

【讨论】：

虽然我们遵循 StackOverflow 的约定，但如果您要发布固定代码，突出显示并解释您所做的更改会很有帮助。谢谢。
你可以在谷歌上搜索你的问题，有没有现有的问题解决方案？如果已经存在解决方案，人们会对您的问题添加负面评价，这将损害您在堆栈溢出时的声誉。这表明作者不清楚他的问题，并表明他没有做任何研究来寻找解决方案。
好吧，他显然是在谷歌上搜索的——他还能在哪里找到“slideSpeed：2000”（this GitHub issue）？而且他阅读了文档或源代码，因为他尝试了“autoplaySpeed”。好吧，'autoplayTimeout' 也在the documentation 中，但它根本没有被很好地描述（“自动播放间隔超时”显然并不比“自动播放速度”好）所以如果这是正确的，我认为他不值得听课- 我们都错过了一些东西，文档也不是很好。
dude @Rup 确定你是对的，我们都错过了一些东西，我认为你对我的建议有错误的看法：D

【解决方案2】：

使用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,
    });
});

如果这不起作用，请检查/发布您的 owl 版本号。

【讨论】：