jquery - カスタム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サンプルがあります

このコードの功績はhttp://davealger.infoにあるはずです