关于图片滚动的问题

Question

一个页面有个位置是让图片实现滚动的,假如要滚动的图片只有9张,在html中的代码如下:
<marquee style="height:80px; width :100%;"direction=left scrollamount =50 
    scrolldelay  =200  onmouseout ="this.start()" onmouseover ="this.stop()">
    <a target =_blank href =Default2.aspx ><img style ="height:90px;width:120px" 
     src ="<%= aa[0] %>"/></a>
        ...........
</marquee>        上面那个aa[0]是一个aa数组的第一个元素，我是通过数组来给图片的地址值的，我那样子做是可以实现图片的滚动，但是有个问题，我的网页一打开时，他是从最右边开始滚动过去，然后到最后一张滚动开始时，他后面全是空白的，等最后一张滚动到另一边时，第一张从最右边又开始滚动，能不能让第一张跟在最后一张的后面，那样子看的时候会好点．不想老是出现那些空白的地方．
应该有很人做过这个吧，请指教一下．谢谢了

Answer 1

<div id="myDiv" style="overflow:hidden;height:120;width:200;">
<TABLE cellpadding=0 cellspacing=0>
<TR>
<TD id="pic1">
<TABLE>
<TR>
<TD><img src="" style="border:1px solid;width:100;height:80" id="picInit"></TD>
..  这里可以直接给图片指定路径。。
<TD><img src="" style="border:1px solid;width:100;height:80" id="picInit"></TD>
</TR>
</TABLE>
</TD>
<TD id="pic2">  </TD>
</TR>
</TABLE>
</div>
<script>
//越小越快
var Speed=1;
//接受setInterval所回传的值
var timer;
//取得myDiv
var myDiv = document.getElementById("myDiv");
//取得pic2
var pic2 = document.getElementById("pic2");
//让pic2的innerHTML等于pic1的innerHTML
   pic2.innerHTML = document.getElementById("pic1").innerHTML;
for(i=0;i<imgUrl.length-1;i++) //为9张图片指定路径
 {
      document.all.picInit[i+imgUrl.length-1].src = imgUrl[i+1];
 }
//用来滚动myDiv的主程式
function picMarquee(){

if(pic2.offsetWidth - myDiv.scrollLeft <= 0){
   myDiv.scrollLeft = 0;   
          }
else{   
            myDiv.scrollLeft++;   
         }
}
timer=setInterval(picMarquee,Speed);
//当鼠标在myDiv上时 就停止滚动
myDiv.onmouseover=function() {
clearInterval(timer);
}
//当鼠标离开myDiv上时 就继续往上滚动動
myDiv.onmouseout=function() {
timer=setInterval(picMarquee,Speed);
}
</script>

Answer 2

还有就是，那个赋地址值那里的那个：
<img src="" style="border:1px solid;width:100;height:80" id="picInit">里的id="picInit"是不是每个地址里的id都要不同的