自定义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