jQuery循环插件似乎首先显示第二个图像

Question

我使用cycle.js插件进行幻灯片放映，它非常轻巧，是一个很棒的插件。

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

JQ：

$('#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

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

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

您可以查看this link

中带有小描述的选项