Question

我的主页上设置了多个猫头鹰旋转木马。我将第一个（免费送货的一个）设置为10000的slideSpeed。正如您可以看到所有幻灯片以相同的速度更改。

这有什么原因吗？我做错了吗？

Answer 1

自动播放是您设置幻灯片更改速度的地方。没有滑雪

Answer 2

请注意，您必须使用

    autoplay:true,
    autoplayTimeout:5000

使用owlCarousel 2.0时

Answer 3

只需将时间设置为自动播放选项

$("#slider").owlCarousel({
    autoPlay: 2500,
    //autoPlay: true, <-- if you want to set default slide time (5000)

    slideSpeed: 300,
    paginationSpeed: 500,
    singleItem: true,
    navigation: true,
    scrollPerPage: true
});

Answer 4

注意：此回复适用于猫头鹰旋转木马2，淡入淡出过渡的速度。如果您的旋转木马滑动而不是淡出，请忽略此答案。这不是对原始问题的直接回答，但希望有助于更全面地了解如何控制OwlCarousel 2中的幻灯片转换速度。当我从谷歌到这里试图找出如何控制褪色速度时，我希望你能容忍它存在，因为它可能对其他人有用。

我无处可尝试使用smartSpeed或任何其他选项来设置淡入淡出过渡的持续时间，但是阅读后他们使用了animate.css我猜测覆盖css3过渡速度将是关键，所以我将以下内容转储到滑块之前的页面，它工作。

<style type="text/css">
.my-parent-class .owl-carousel .owl-item {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
}
</style>

这不会影响滑动速度，只会影响渐变速度。如果您有滑动滑块，这不适合您。

在我的$(".owl-carousel").owlCarousel({})函数中，我按如下方式设置自动播放：

autoplay: true,
autoplayTimeout: 5000,

3s css3转换持续时间与5000ms autoplayTimeout相结合意味着一个转换结束和下一个转换结束之间的2秒 - 如果您希望幻灯片在下一次转换之前等待5秒，则需要将css转换时间添加到autoplayTimeout ，例如autoplayTimeout：在此示例中为8000。

Answer 5

您好我正在使用Owl Carousel beta 2.0.0 我找到了一个延迟滑动速度的选项编辑选项“smartSpeed：milliseconds”

试试这段代码：

df['updated'] = np.nan
for col in df.columns:
    df['updated'].update(df[col])

Answer 6

jQuery('.owl-carousel').owlCarousel({

    loop:true,

    margin:10,

    dots: true,

    autoplay: 3000, // time for slides changes

    smartSpeed: 1000, // duration of change of 1 slide

    responsiveClass:true,

    responsive:{

        0:{

            items:1

        },

        600:{

            items:1

        },

        1000:{

            items:1,

            loop:true

        }

    }

});

Answer 7

要更改滑块滑动的速度，您需要应用此...

<style type="text/css">
.owl-stage {
transition: 0.8s !important;
}
</style>

...这会减慢过渡速度。

Answer 8

对于2.3.4版，您应遵循以下约定更改时间

autoplay:true,
autoplayTimeout:1000

因为默认值为

// default settings:
autoplay:false
autoplayTimeout:5000

这里是参考：https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html

Answer 9

更改滑动速度测试此代码：（ autoplayTimeout 属性可以设置滑动的持续时间）

                    jQuery(document).ready(function ($) {

                        var ocClients = $("#Slider");

                        ocClients.owlCarousel({
                            loop: true,
                            nav: false,
                            autoplay: true,
                            autoplayTimeout: 2000,
                            dots: false,
                            autoplayHoverPause: false,
                            responsive: {
                                0: {
                                    items: 1
                                },
                                480: {
                                    items: 3
                                },
                                768: {
                                    items: 4
                                },
                                992: {
                                    items: 5
                                },
                                1200: {
                                    items: 7
                                }
                            }
                        });

                    });

Answer 10

更改为任何集成商，例如autoPlay：5000，每5秒播放一次。如果设置autoPlay：true默认速度为5秒。

Змінітьзначенняналюбецілечисло，наприкладautoPlay：10000，паузаавтозмінюванняскладатиме10секунд。 Якщовстановитизначення“true”，швидкістьавтоанімаціїстановитиме5секунд。

猫头鹰旋转木马slideSpeed不工作

10 个答案: