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