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的順序淡入淡出和 - 同一個地方

回答

相關問題