【求助】急求各位大大帮解决js图片轮转不能动问题！

<script type="text/javascript">
var picsArr = [
"imgs/1.jpg",
"imgs/2.jpg",
"imgs/3.jpg",
"imgs/4.jpg",
"imgs/5.jpg"
],
timer = picsArr.length,
index = 0;
window.onload = showPic;
function showPic(){
if (index === timer) index = 0;
document.getElementById("pic").src = picsArr[index++];
setTimeout(showPic,2000);
}
</script>
<img src="imgs/1.jpg" width="400" height="200" id="pic" alt="" />

<style>
.box,.box *{
margin:0;padding:0;
}
.box{
margin:0 auto;
position:relative;min-width:320px;height:240px;overflow:hidden;max-width:640px;width:100%;
}
.box>ul.box1{ text-align:center;
list-style-type:none;
height:240px;position:absolute;top:0;z-index:10;left:0;
min-width:960px;
}
.box>ul.box1>li{
position:relative;
float:left;height:240px;
min-width:320px;
}
.box>ul.box1>li>p{
position:absolute;width:100%;z-index:100;line-height:36px;left:0;bottom:0;background:rgba(0,0,0,0.3);color:#fff;
}
.box>ul.box1>li>img{
border:none;width:100%;height:100%;
}
.box>ul.box2{
position:absolute;bottom:45px;left:50%;width:90px;height:10px;_border:1px solid pink;margin-left:-44px;z-index:28;list-style-type:none;
}
.box>ul.box2>li{
float:left;margin-left:10px;border:1px solid #999;width:18px;height:8px;background:white;
}
.box>ul.box2>li.x{
background:#999;
}
</style>
<div class="box">
<ul id="boxd" class="box1">
<li><img src="image/010.jpg" alt="." /><p>图片轮播简单的111</p></li>

<li><img src="image/2015520.jpg" alt="." /><p>图片轮播简单的222</p></li>
<li><img src="image/109.jpg" alt="." /><p>图片轮播简单的333</p></li>
</ul>
<ul class="box2">
<li class="x"></li><li></li><li></li>
</ul>
</div>
<script src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script>
<script>
var $_c = $('.box').width();
$('.box>.box1').width($_c * 3);
$('.box>.box1>li').width($_c);
var aArr = [
0,-$_c,-$_c * 2
],oTime = setInterval(fnTime,4000),iIndex = 0;
function fnTime(){
iIndex++;
if (iIndex === 3) iIndex = 0;
$('#boxd').animate({
left : aArr[iIndex]
},480,function(){
$('.box2>li').eq(iIndex).addClass('x').siblings().removeClass('x');
});
}
$('.box').hover(function(){
clearInterval(oTime);
},function(){
oTime = setInterval(fnTime,4000);
});
</script>
<!--
我觉得楼主发根本不算图片轮播 只是直接换 src 地址 图片 [吐舌]
-->