2012-08-03 99 views
0

我試圖實現一個jQuery幻燈片,淡入淡出每個圖像,並有控制滾動到下一個或上一個圖像。我正在關注this教程,我想知道如何將每張圖片附加到幻燈片的末尾,以便在幻燈片播放到達結尾時它不會一直滾動回第一張圖片,而是它只是不斷通過他們。使用jQuery幻燈片

在此先感謝!

肖恩

+0

我有點困惑。你想淡入圖像還是希望它們在你點擊「下一個/上一個」時滾動? – 2012-08-03 03:09:44

+0

如果只是在滾動時循環顯示圖像,則可以查看:http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery或http:// bxslider.com/ – 2012-08-03 03:15:40

+0

嗯,我希望它們淡入淡出而不是滾動,但我真正感興趣的是讓幻燈片連續瀏覽圖像,而不是到達結尾,並且滾動到開頭。感謝您的鏈接,我會檢查第一個。 – SeanWM 2012-08-03 12:18:38

回答

0

明白了。

$('#previous').click(function() { 
        $('#slideshow img:first').fadeOut(1000).prev().fadeIn(1000).end().appendTo('#slideshow'); 
       }); 

       $('#next').click(function() { 
        $('#slideshow img:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('#slideshow'); 
       });