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