其余功能已經實現。現在滑到第五張圖片時，再往后會顯示一段空白，再回到第一張圖。請問如何修改？

??<script?type="text/javascript">
??window.onload=function(){
????var?wrap=document.getElementById('wrap'),
????????pic=document.getElementById('pic').getElementsByTagName('li'),
????????list=document.getElementById('list').getElementsByTagName('li'),
????????index=0,
????????timer=null;
????
??????//?定義并調用自動播放函數
????timer?=?setInterval(start,2000);
????
????function?start(){
????????index++;
????????if(index?>?list.length){
????????????index?=?0;
????????}
????????change(index);
????}
??????//?定義圖片切換函數
????function?change(curIndex){
????????for(var?i=0?;?i<list.length?;?i++){
????????????pic[i].style.display?=?'none';
????????????list[i].className?=?'';
????????}
????????pic[curIndex].style.display?=?'block';
????????list[curIndex].className?=?'on';
????????index?=?curIndex;
????}?
?????//?鼠標劃過整個容器時停止自動播放
????wrap.onmouseover?=?function(){
????????clearInterval(timer);
????}
?????//?鼠標離開整個容器時繼續播放至下一張
????wrap.onmouseout?=?function(){
????????timer?=?setInterval(start,2000);
????}
?????//?遍歷所有數字導航實現劃過切換至對應的圖片
?????for(var?j?=?0;j<list.length;j++){
????????list[j].id?=?j;
????????list[j].onmouseover?=?function(){
????????????change(this.id);
????????}
????}
???}

??</script>