سعی کردم خیلی ساده طرز استفادشو برات بنویسم.
البته خودت تغییرش بده و بهتره هر تیکه رو یه فانکشن کنی که از بازنویسی جلوگیری بشه
کد HTML:
$(document).ready(function(){
$("#slides li:gt(0)").hide();
setInterval(function() {
$('#slides li:first')
.fadeOut(1000)
.removeClass('soosk')
.next()
.fadeIn(1000)
.addClass('soosk')
.end()
.appendTo('#slides');
}, 4000);
$(".next").click(function(){
activeid = $("#slides li.soosk").index()
nextshow = activeid+1;
$("#slides li").hide();
$("#slides li").eq(nextshow).fadeIn(1000)
})
});