javascript - jQuery 循环插件似乎首先显示第二张图片

Question

我使用 cycle.js 插件来制作幻灯片，它非常轻量级并且是一个很棒的插件。

但是，我首先使用的图像没有首先显示，它首先显示第二张图像，这是一个问题，因为幻灯片下方有一个导航。

问：

$('#slideShow').after('<div id="ssnav">').cycle({ 
                    delay: -12000,
                    next:   '#next2', 
                    prev:   '#prev2',
                    timeout:  8000,
                    pager: '#ssnav',
                 });

HTML结构：

<div>
    <img src="#_" />
    <p>text</p>
</div>
<div>
    <img src="#_" />
    <p>text</p>
</div>
<div>
    <img src="#_" />
    <p>text</p>
</div>

你得到了图片，但它首先显示了第二个 div - 我该如何抵消这个？

Answer 1

问题出在您使用的“延迟”选项中：延迟：第一次转换的额外延迟（以毫秒为单位）（提示：可以为负）

当您删除它时，幻灯片将从第一个开始。

您可以从此链接检查带有小描述的选项