-1

我正在使用rcarousel并想更改它在每张幻灯片上的停留时间。现在它会停留几秒钟,但我想增加它,以便幻灯片显示至少 10 秒钟。

这可能吗?阅读有关 jQuery rcarousel 的文档,我看不到任何执行此操作的设置。

我尝试了以下方法:

HTML

<div id="carousel">
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
</div>

使用以下JavaScript

$(function () {
    $("#carousel").rcarousel({
        speed: 5000
    });
});

但这会改变过渡速度。我想更改图像之间暂停的时间长度。

看到这个小提琴

4

1 回答 1

0

您正在寻找的是选项interval上的属性。auto

使用以下 JavaScript 进行设置:

$(function () {
    $("#carousel").rcarousel({
        auto: {
            enabled: true,
            interval: 1000}
    });
});

注意:目前为演示设置为 1 秒,但如果您希望它需要 10 秒,请添加另一个 0

jsFiddle

于 2013-08-15T18:03:00.023 回答