jQuery的顺序淡入淡出和 - 同一个地方

首先图片：淡入，等待一段时间，然后淡出; 第二张图片:(在同一个地方） 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

来源

2010-10-27 MEM

看起来，你是通过一些图片在正确的轨道循环上。但是，您的描述中没有任何内容似乎是特殊要求。所以我强烈建议jQuery Cycle plugin。

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

来源

2010-10-27 00:49:16

谢谢杰森，我已经更新了我的OP，以便我可以没有使用任何jQuery插件的例子。 :) – MEM 2010-10-27 00:53:19

杰森，这是迟到了，我真的很累学习。我会看看这个插件，并试着让它工作。非常感谢链接。 K.问候，MEM – MEM 2010-10-27 00:56:06

@MEM，我可以尊重这一点。我要通过火炬:) – 2010-10-27 00:57:37

你想要做的是使用回调来做到这一点。你最终会遇到一个相当丑陋的链条，但它可以工作。它看起来像这样：

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... 
     }); 
    }); 
});

来源

2010-10-27 01:09:07

jQuery的顺序淡入淡出和 - 同一个地方

回答

相关问题