Question

我想使用jQuery轮播一个接一个地显示三个图像。我没有为每个图像使用不同的超时值，但是一旦图像第三次动画，每个不同的幻灯片开始做它自己的事情！我的意思是时间彼此变得不连贯。我做了一些根本错误的事吗？或者这是使用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>

干杯

Answer 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>

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

1 个答案: