出现jQuery cycle插件，首先显示第二张图像

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

问题出在你使用的" delay“选项中: delay:第一次转换的额外延迟(以ms为单位)(提示:可以是负数)

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

您可以从this link中选择具有较小描述的选项