Question

我有三张图片，我希望他们

第一张图片： fadeIn，等一会儿，然后fadeOut; 第二张图片:(在同一个地方） fadeIn，等一会儿，然后fadeOut; 第三张图片:(在同一个地方） fadeIn，等一会儿，然后fadeOut;

//做点什么......

到目前为止我有这种愚蠢。

 $(document).ready(function() {

            $('#imagemIntro1').fadeIn(3800);

            setTimeout(function() {
            $('#imagemIntro1').fadeOut(3800); }, 8000);



            $('#imagemIntro2').fadeIn(3800);

            setTimeout(function() {
            $('#imagemIntro2').fadeOut(3800); }, 8000);




            $('#imagemIntro3').fadeIn(3800);

            setTimeout(function() {
            $('#imagemIntro3').fadeOut(3800); }, 8000);


            window.location.replace("http://www.something.com");


        });

请帮助我吗？

我很想学习如何做到这一点，没有特定的插件......：D “我的时间已经不多了，所以，我会使用建议的插件，因为这真的没什么特别的。”

提前致谢， MEM

Answer 1

看起来你在正确的轨道上循环浏览一些图像。但是，您的描述中没有任何内容似乎是特殊要求。因此，我强烈推荐jQuery Cycle plugin。

如果您想自己动手，请更新您的OP。

Answer 2

您要做的是使用回调来执行此操作。你最终得到一个非常丑陋的链条，但它确实有效。它看起来像这样：

function fadeInNowAndOutLater(sel, callback) {
    $(sel).fadeIn(3800, function() {
        window.setTimeout(8000, function(){$(sel).fadeOut(3800, callback);})
    });
}

fadeInNowAndOutLater('#imagemIntro1', function() {
    fadeInNowAndOutLater('#imagegIntro2', function(){
        fadeInNowAndOutLater('#imagegIntro3', function(){
            // do something...
        });
    });
});

Jquery顺序fadeIn和FadeOut - 同一个地方

2 个答案: