jQuery fadein fadeout幻燈片

-1

任何人都可以幫助我實現以下jQuery循環自動幻燈片。步驟如下：1.首先淡入在幻燈片圖像中，然後淡入標題背景，最後淡入標題文本。這裏的附加文件是視覺示例。jQuery fadein fadeout幻燈片

http://www.markupxpert.com/slideshow/step1.jpg

http://www.markupxpert.com/slideshow/step2.jpg

http://www.markupxpert.com/slideshow/step3.jpg

謝謝，保羅

來源

2012-02-09 paul

...和你有什麼問題？你試過了什麼，出了什麼問題？ – 2012-02-09 13:17:30

到目前爲止你的代碼是什麼？ – 2012-02-09 13:19:08

Hello..David和EviIP，我只是使用Google搜索，但找不到像這樣的任何jQuery插件。您有任何類似的推介網站嗎？ – paul 2012-02-09 13:20:41

About jQuery fadeIn

fadeIn具有這就是所謂的ANI當一個回調函數mation完成。你可以用它來啓動你的第二個動畫作爲初級講座：因爲我評論它的點擊事件的回調函數中

$('#clickme').click(function() { 

    // 1st anim starts here 
    $('#slideshowImage').fadeIn('slow', function() { 

     // 1st anim ended, 2nd starts here  
     $('#captionBackground').fadeIn('slow', function() { 

     // 2nd anim ended, 3rd stars here 
      $('#captionText').fadeIn('slow');   

     });   
    }); 
});

動畫部件開始。當然，你可能不想通過點擊按鈕而不是循環來啓動動畫。在這種情況下，你只需要中間部分。

此外，您需要修改jQuery選擇器以便fadeIn正確的元素。 （也許他們不叫#slideshowImage左右...）

來源

2012-02-09 13:19:33 papaiatis

你好papaiatis感謝代碼，你能幫我做一個輪播（步驟是淡出和一定時間後淡出）。它不在點擊事件。它會加載頁面加載時。謝謝 – paul 2012-02-09 13:30:39

你能接受我的答案第一？然後您可以創建另一個問題，我們將很樂意爲您提供幫助！ :) – papaiatis 2012-02-23 18:15:43