自定義jQuery的幻燈片

Question

這是我的榜樣，到目前爲止的代碼：http://jsfiddle.net/6j4cT/3/

有太多的代碼，我在這裏貼上所以它更容易，如果大家參考上面的鏈接。

我的問題是，在加載時，jquery沒有在＃news-items中的第一個「li」上插入「active」類。

其次我想改變過渡到淡出而不是隱藏/顯示過渡。

歡迎任何建議！

Answer 1

您可以使用fadeOut功能的過渡更改爲褪色

$(function(){ 
    $('.slideshow img:gt(0)').hide(); 
    setInterval(function(){$('.slideshow :first-child').fadeOut(2000).next('img').fadeIn(2000).end().appendTo('.slideshow');}, 4000); 
}); 

這裏是jsfiddle sample

信用此代碼應該去http://davealger.info