Question

我正在编辑其他人创建的网站，该网站使用的是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,，但无济于事。

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

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

如果无法使用，请检查/张贴您的猫头鹰版本号。

如何加快猫头鹰传送带的滑动速度？

2 个答案: