JQUERY CYCLE 插件 - “超时”功能的问题答案

【问题标题】：JQUERY CYCLE Plugin - Problems with 'Timeout' featureJQUERY CYCLE 插件 - “超时”功能的问题
【发布时间】：2010-11-30 17:53:40
【问题描述】：

我想使用 jQuery carousel 依次显示三个图像 1 秒。我没有为每个图像使用不同的超时值，但是一旦图像第三次动画化，每个不同的幻灯片开始做自己的事情！我的意思是时间变得彼此不一致。我在做一些根本错误的事情吗？或者这是使用 jQuery 循环的正确方法吗？

任何帮助将不胜感激

代码：

    <script type="text/javascript">
$(document).ready(function(){
        $('#slide1').cycle({
            fx: 'fade',
            timeout:4000
        });

        $('#slide2').cycle({
            fx: 'fade',
            timeout:4200
        });

        $('#slide3').cycle({
            fx: 'fade',
            timeout:4400
        });

    });


</script>

干杯

【问题讨论】：

标签： jquery timeout cycle

【解决方案1】：

仅适用于偶然发现此帖子的任何人。答案是关于使用“延迟”而不是超时。

所以代码是

<script type="text/javascript">

$(document).ready(function(){

    $('#slide1').cycle({
        fx: 'fade',
        timeout:4000,
        delay:0
    });

    $('#slide2').cycle({
        fx: 'fade',
        timeout:4000,
        delay:200
    });

    $('#slide3').cycle({
        fx: 'fade',
        timeout:4000,
        delay:400
    });

});

</script>

【讨论】：

澄清一下，timeout 参数用于指定幻灯片转换应该花费的时间长度。