jquery - 使用简单 jQuery 循环的幻灯片之间的延迟

Question

我正在尝试设置一个从一张图像淡入到下一张图像的幻灯片，每张幻灯片大约停顿 3 秒。我无法让它在每个元素上暂停，尽管延迟可以暂停第一张图像。

有没有办法在下面的代码中添加一个元素，以便在淡入淡出效果开始之前可以更长时间地查看每个图像？

这是我第一次使用 jQuery，所以越简单越好。谢谢！

<div class="slideshow">
    <img src="images/baby-slide.png"/>
    <img src="images/characters-slide.png"/>  
    <img src="images/engagement-slide.png" />
    <img src="images/holidays-slide.png"/>
    <img src="images/sports-slide.png"/> 
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('.slideshow').cycle({
            fx: 'fade',
            speed:  2000, 
            delay: 2000,
            continuous:1, 
            timeout:0, 
            easeIn: 'linear', 
            easeOut: 'linear', 
        });
    });
</script>

Answer 1

尝试设置continuous:0和timeout:3000。

从文档中：

Continuous: true 在当前转换完成后立即开始下一个转换

超时：幻灯片转换之间的毫秒数（0 禁用自动前进）