求帮忙用jquery写一个简单的图片切换功能,本人是jquery菜鸟

HTML代码，默认第一个li是显示的，其他隐藏：
<div id="slideshow">
<ul class="slides">
<li><img src="images/sliderPic1.jpg" width="960" height="444" alt="portfolio pic 1" /></li>
<li><img src="images/sliderPic2.jpg" width="960" height="444" alt="portfolio pic 2" /></li>
<li class="bbb"><img src="images/sliderPic3.jpg" width="960" height="444" alt="portfolio pic 3" /></li>
<li><img src="images/sliderPic4.jpg" width="960" height="444" alt="portfolio pic 4" /></li>
<li><img src="images/sliderPic5.jpg" width="960" height="444" alt="portfolio pic 5" /></li>
</ul>
<span class="arrow previous">上一张</span>
<span class="arrow next">下一张</span>
</div>

---

给你写了个jquery 的，液猛悔需要先链接jquery插件。另外<li>请把position:absolute设置成这样

var t=1;
$(function(){
    len=$("#slideshow>ul>li").length;
    $("#slideshow>ul>li").hide();//隐藏全部
    $("#slideshow>ul>li").eq(0).show();//默认显知锋示第一个
    time=setInterval("change()",3000);//每3秒自动播放
    $(".previous").click(function(){//点击上一个函数
        clearInterval(time);
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t-2).fadeToggle();
        t--;
        if(t==0){
            t=len;
        }
        time=setInterval("change()",3000);
    })
    $(".next").click(function(){//点击下一个函数
        clearInterval(time);
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;
        if(t==len){
            t=0;
        }
        time=setInterval("change()",3000);
    })
})
function change(){//自动播放函数闹正
    if(t<len){
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;   
    }else{
        t=0;
        $("#slideshow>ul>li").fadeOut();
        $("#slideshow>ul>li").eq(t).fadeToggle();
        t++;
    }
}

---

//

setInterval(change, 1000*6);
var i = 1;
function change(){
    if (i != 5){
        $("img").src = "images/sliderPic" + i + ".jpg";
        i++;
    } else{
        i =1;
    }
}

---