JQUERY CYCLE 插件 - “超时”问题特征

发布于 2024-10-05 23:53:32 字数 578 浏览 5 评论 0原文

我想使用 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>

干杯

原文

I want to display three images 1second after one another using jQuery carousel. I don't have this using different timeout values for each image however once the images have animated for the third time each different slide starts doing it's own thing! By this I mean that the timings are becoming incoherent with one another. Am I doing something fundamentally wrong? Or is this the right way to use jQuery cycle?

Any help would be mostly appreciated

Code:

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

Cheers

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

辞旧 2024-10-12 23:53:32

仅供任何偶然发现这篇文章的人使用。答案是使用“延迟”而不是超时。

所以代码是

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

Just for anyone who stumbles across this post. The answer is about using 'delay' rather than timeout.

So code would be

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

回复收藏 0 原文

~没有更多了~