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。

来自the documentation：

连续：true表示当前后立即开始下一次转换   一个完成

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

使用简单的jQuery Cycle在幻灯片之间延迟

1 个答案: