请教下大家 js图片轮转 在asp.net后台进行更改 存储 展现 的问题 谢谢

请教下大家  这个JS  图片轮转 怎么 把图片 存到数据库 和从数据库里拿出
  谢谢了
    我用 <%#DataBinder.Eval(Container.DataItem,"imgname") %> 绑定后 在Datalist  里显示的图片 老是 一两张重复的 图片     
反正 有点糊涂了。。 @_#   大家帮帮 忙把 嘿嘿 谢谢了！      
<!-- -->
<div style="margin: 0px; overflow: hidden; width: 361px;position: relative; height: 195px; top: 0px; left: -1px;">
  <div id="l1" style="left: 0px;  position: absolute; TOP: 0px"><a id="linkl1" 
      href="http://www.lanrentuku.com/"><img 
      id="img51" height="195" src="image/GGImage/images/index_roll_1.jpg" width="360" 
      border="0" /></a></div>
  <div id="l2" style=" left: 360px;  position: absolute; TOP: 0px"><a id="linkl2" 
      href="http://www.lanrentuku.com/"><img id="img52" 
      height="195" src="image/GGImage/images/index_roll_2.jpg" width="360" 
      border="0" /></a></div>
  <div id="l3" style="left: 720px;  position: absolute; top: 0px"><a id="linkl3" 
      href="http://www.lanrentuku.com/"><img id="img53" 
      height="195" src="image/GGImage/images/index_roll_3.jpg" width="360" 
      border="0" /></a></div>
  <div id="l4" style="left: 1080px; position: absolute; top: 0px"><a id="linkl4" 
      href="http://www.lanrentuku.com/"><img id="img54" 
      height="195" src="image/GGImage/images/index_roll_4.jpg" width="360" 
      border="0" /></a></div>
  <div id="l5" style="left: 1440px; position: absolute; top: 0px"><a id="linkl5" 
      href="http://www.lanrentuku.com/"><img 
      id="img55" height="195" src="image/GGImage/images/index_roll_5.jpg" width="360" 
      border="0" /></a></div>
  <div id="l0" 
      style="z-index: 999999; left: 0px;  position: absolute; top: 0px"><a 
      id="link5pic" href="http://www.lanrentuku.com/" 
      target="_blank">
      <img src="image/GGImage/images/index_roll_bg.gif" border="0" 
          style="height: 195px; width: 359px" /></a></div>
  <div id="lfloat" 
      style=" z-index: 9999999;  left: 193px;  width: 150px;  position: absolute; top: 174px; height: 15px"><a 
      id="btnimg1" href="http://www.lanrentuku.com/" 
      target="_blank"><img id="pnl1" onmouseover="javascript:picsw('l1');" 
      style=" border-top-style: none; margin-right: 5px;  border-right-style: none; border-left-style: none; border-bottom-style: none" 
      onmouseout="javascript:startauto();" height="15" 
      src="image/GGImage/images/pl1.gif" width="25" name="pnl1" /></a><a id="btnimg2" 
      href="http://www.lanrentuku.com/" 
      target="_blank"><img id="pnl2" onmouseover="javascript:picsw('l2');" 
      style="border-top-style: none;  margin-right: 5px;  border-right-style: none; border-left-style: none; border-bottom-style: none" 
      onmouseout="javascript:startauto();" height="15" 
      src="image/GGImage/images/pl2a.gif" width="25" /></a><a id="btnimg3" 
      href="http://www.lanrentuku.com/" target="_blank"><img 
      id="pnl3" onmouseover="javascript:picsw('l3');" 
      style="border-top-style: none;  margin-right: 5px;  border-right-style: none; border-left-style: none; border-bottom-style: none" 
      onmouseout="javascript:startauto();" height="15" 
      src="image/GGImage/images/pl3a.gif" width="25" /></a><a id="btnimg4" 
      href="http://www.lanrentuku.com/" target="_blank"><img 
      id="pnl4" onmouseover="javascript:picsw('l4');" 
      style="border-top-style: none;  margin-right: 5px;  border-right-style: none; border-left-style: none; border-bottom-style: none" 
      onmouseout="javascript:startauto();" height="15" 
      src="image/GGImage/images/pl4a.gif" width="25" /></a><a id="btnimg5" 
      href="http://www.lanrentuku.com/" 
      target="_blank"><img id="pnl5" onmouseover="javascript:picsw('l5');" 
      style="border-top-style: none;    border-right-style: none; border-left-style: none; border-bottom-style: none" 
      onmouseout="javascript:startauto();" height="15" 
      src="image/GGImage/images/pl5a.gif" width="25" /></a></div>
</div>
<script language="javascript" type="text/javascript">var rdm=Math.random();
rdm=Math.floor(rdm*5)+1;
document.getElementById("img51").src="image/GGImage/images/index_roll_"+rdm+".jpg";
document.getElementById("linkl1").href=document.getElementById("linkl"+rdm+"").href;
document.getElementById("img5"+rdm+"").src="image/GGImage/images/index_roll_1.jpg";
document.getElementById("linkl"+rdm+"").href="http://www.lanrentuku.com/"
document.getElementById("link5pic").href=document.getElementById("linkl1").href;
document.getElementById("btnimg1").href=document.getElementById("linkl1").href;
document.getElementById("btnimg"+rdm+"").href="http://www.lanrentuku.com/"
var layeri=0;
var stopshow=0;
var timeout=0;function moveformat(id){
if(stopshow==0){
picswin(id);
var browser=navigator.appName;
if(browser!="Microsoft Internet Explorer"){
layeri++;
document.getElementById(id).style.zIndex = layeri;
document.getElementById(id).style.left=(0+"px");
var linkid="link"+id;
document.getElementById("link5pic").href=document.getElementById(linkid).href;
}
else{
document.getElementById(id).style.posLeft = 360;
layeri++;
document.getElementById(id).style.zIndex = layeri;
movestart(id);
}
}
}function movestart(id){
if(document.getElementById(id).style.posLeft!=0){
var mnum=document.getElementById(id).style.posLeft*0.2;
var x=document.getElementById(id).style.posLeft-mnum;
document.getElementById(id).style.posLeft=x;
moveid=id;
setTimeout("movestart(moveid);",30);
}
else{
var linkid="link"+id;
document.getElementById("link5pic").href=document.getElementById(linkid).href;
}
}var i=1;function showindexad(){
if (i<5 && stopshow==0){
  i++;
  var picid="l";
  picid=picid+i;
  setTimeout("moveformat('"+picid+"');showindexad();",5000);
  }
else if(stopshow==0){
  i=1;
  var picid="l";
  picid=picid+i;
  setTimeout("moveformat('"+picid+"');showindexad();",5000);
  }
else{
timeout=1;
}
}showindexad();function picsw(id) {
if(document.getElementById("pn"+id+"").src!="image/GGImage/images/p"+id+".gif"){
picswin(id);
showindexad2(id);
}
}function picswin(id){
document.getElementById("pnl1").src="image/GGImage/images/pl1a.gif";
document.getElementById("pnl2").src="image/GGImage/images/pl2a.gif";
document.getElementById("pnl3").src="image/GGImage/images/pl3a.gif";
document.getElementById("pnl4").src="image/GGImage/images/pl4a.gif";
document.getElementById("pnl5").src="image/GGImage/images/pl5a.gif";
document.getElementById("pn"+id+"").src="image/GGImage/images/p"+id+".gif";
}function showindexad2(id){
  stopshow=1;
  var browser=navigator.appName;
  if(browser!="Microsoft Internet Explorer"){
  layeri++;
  document.getElementById(id).style.zIndex = layeri;
  document.getElementById(id).style.left=(0+"px");
  var linkid="link"+id;
  document.getElementById("link5pic").href=document.getElementById("link"+id).href;
  }
else{
  document.getElementById(id).style.posLeft = 360;
  layeri++;
  document.getElementById(id).style.zIndex = layeri;
  movestart(id);
  }
}
function startauto(){
  stopshow=0;
  if(timeout==1){
  showindexad();
  timeout=0;
  }
}
</script>
<!-- --> 这个代码到底该怎么做成动态的提取啊