jsFiddle

Question

我正在使用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
    });
});

但这会改变转换速度。我想改变图像之间暂停的时间长度。

请参阅此fiddle

Answer 1

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

使用以下JavaScript设置：

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

注意：目前为演示设置为1秒，但如果您想要花费10秒钟再添加0

jQuery轮播 - 滑块等待时间

1 个答案:

jsFiddle