我从网上找了一段翻转图代码，是js的，怎么进行数据绑定啊，c#

Question

FocusPic_01.Add('images/upload_imgs/focus_img_1.jpg','images/upload_imgs/focus_img_1.jpg',"#","山东沂源：万池蒜苗遍地金"); 
FocusPic_01.Add('images/upload_imgs/focus_img_2.jpg','images/upload_imgs/focus_img_2.jpg',"#","农业部举办解放思想大讨论研讨交流会"); 
FocusPic_01.Add('images/upload_imgs/focus_img_3.jpg','images/upload_imgs/focus_img_3.jpg',"#","孙政才会见塞拉利昂农业、粮食安全和林业部长"); 
FocusPic_01.Add('images/upload_imgs/focus_img_4.jpg','images/upload_imgs/focus_img_4.jpg',"#","牛盾副部长在2008一村一品国际研讨会上指出 发展一村一品共建和谐美好新农村"); 
; FocusPic_01.begin(); 直接用语句输出你的图片名称，地址，说明，放到FocusPic_01.Add（）这两个括号里就行啦，比如说：<!-- 焦点图 begin --> 
<div class="FocusImg" style="position:relative;z-index:2000000;"> 
<div class="BigPic" id="BigPic"> <a href="#" target="_blank" onclick="recordBlogHotPv(this, '要闻区', '山东沂源：万池蒜苗遍地金');"> <img src="images/upload_imgs/focus_img_1.jpg" style="FILTER: revealTrans(duration=1,transition=23);" galleryimg="no" alt="山东沂源：万池蒜苗遍地金" /> </a> </div> 
<div class="TitleBg"> </div> 
<div class="TitleBox" id="TitleBox">山东沂源：万池蒜苗遍地金 </div> 
<div class="SmallPics" id="SmallPics"> <!-- 小图列表 --> </div> 
</div> <script language="javascript" type="text/javascript"> 
//焦点图JS 080402 mengjia var FocusPic=function(BigPicID,SmallPicsID,TitleID,width,height){this.Data=[];this.ImgLoad=[];this.TimeOut=5000;var isIE=navigator.appVersion.indexOf("MSIE")!=-1?true:false;this.width=width;this.height=height;this.adNum=0;var TimeOutObj;if(!FocusPic.childs){FocusPic.childs=[]};this.showTime=null;this.showSum=10;this.ID=FocusPic.childs.push(this)-1;this.Add=function(BigPic,SmallPic,Title,Url){var ls;this.Data.push([BigPic,SmallPic,Title,Url]);ls=this.ImgLoad.length;this.ImgLoad.push(new Image);this.ImgLoad[ls].src=BigPic};this.TimeOutBegin=function(){clearInterval(TimeOutObj);TimeOutObj=setInterval("FocusPic.childs["+this.ID+"].next()",this.TimeOut)};this.TimeOutEnd=function(){clearInterval(TimeOutObj)};this.select=function(num){if(num>this.Data.length-1){return};if(num==this.adNum){return};this.TimeOutBegin();if(BigPicID){if(this.$(BigPicID)){var aObj=this.$(BigPicID).getElementsByTagName("a")[0];aObj.href=this.Data[num][2];if(this.aImgY){this.aImgY.style.display='none';this.aImg.style.position="relative";this.aImg.style.left=0;this.aImg.style.top=0;this.aImg.style.zIndex=0};this.aImgY=this.$('F'+this.ID+'BF'+this.adNum);this.aImg=this.$('F'+this.ID+'BF'+num);clearTimeout(this.showTime);this.showSum=10;this.showTime=setTimeout("FocusPic.childs["+this.ID+"].show()",50)}};if(TitleID){if(this.$(TitleID)){this.$(TitleID).innerHTML=" <a onclick=\"recordBlogHotPv(this, '要闻区','"+this.Data[num][3]+"');\" href=\""+this.Data[num][2]+"\" target=\"_blank\">"+this.Data[num][3]+" </a>"}};if(SmallPicsID){if(this.$(SmallPicsID)){var sImg=this.$(SmallPicsID).getElementsByTagName("span"),i;for(i=0;i <sImg.length;i++){if(i==num||num==(i-this.Data.length)){sImg[i].className="selected"}else{sImg[i].className=""}}}};if(this.onselect){this.onselect()};this.adNum=num};var absPosition=function(obj,parentObj){var left=obj.offsetLeft,top=obj.offsetTop,tempObj=obj;while(tempObj.id!="VBody"&tempObj.id!="VHtml"&tempObj!=parentObj){tempObj=tempObj.offsetParent;left+=tempObj.offsetLeft;top+=tempObj.offsetTop};return{left:left,top:top}};this.show=function(){this.showSum--;this.aImgY.style.display='block';this.aImg.style.position="absolute";var XY=absPosition(this.aImgY,this.$(BigPicID));this.aImg.style.top=XY.top+"px";this.aImg.style.left=XY.left+"px";this.aImg.style.display='block';if(isIE){this.aImg.style.filter="alpha(opacity=0)";this.aImg.style.filter="alpha(opacity="+(10-this.showSum)*10+")"}else{this.aImg.style.opacity=0;this.aImg.style.opacity=(10-this.showSum)*0.1};if(this.showSum <=0){this.aImgY.style.display='none';this.aImg.style.position="relative";this.aImg.style.left=0;this.aImg.style.top=0;this.aImg.style.zIndex=0;this.aImgY=null}else{this.aImg.style.zIndex=2;this.showTime=setTimeout("FocusPic.childs["+this.ID+"].show()",50)}};this.next=function(){var temp=this.adNum;temp++;if(temp>=this.Data.length){temp=0};this.select(temp)};this.MInStopEvent=function(ObjID){if(ObjID){if(this.$(ObjID)){if(this.$(ObjID).attachEvent){this.$(ObjID).attachEvent("onmouseover",Function("FocusPic.childs["+this.ID+"].TimeOutEnd()"));this.$(ObjID).attachEvent("onmouseout",Function("FocusPic.childs["+this.ID+"].TimeOutBegin()"))}else{this.$(ObjID).addEventListener("mouseover",Function("FocusPic.childs["+this.ID+"].TimeOutEnd()"),false);this.$(ObjID).addEventListener("mouseout",Function("FocusPic.childs["+this.ID+"].TimeOutBegin()"),false)}}}};this.begin=function(){this.MInStopEvent(TitleID);this.MInStopEvent(SmallPicsID);this.MInStopEvent(BigPicID);this.adNum=0;var i,temp="";if(BigPicID){if(this.$(BigPicID)){var aObj=this.$(BigPicID).getElementsByTagName("a")[0];aObj.style.zoom=1;this.$(BigPicID).style.position="relative";for(i=0;i <this.Data.length;i++){temp+=' <img src="'+this.Data[i][0]+'" id="F'+this.ID+'BF'+i+'" style="display:'+(i==this.adNum?'block':'none')+'" galleryimg="no"'+(this.width?' width="'+this.width+'"':'')+(this.height?' height="'+this.height+'"':'')+' alt="'+this.Data[i][3]+'" />'};aObj.innerHTML=temp}};if(SmallPicsID){if(this.$(SmallPicsID)){temp="";for(i=0;i <this.Data.length;i++){temp+=" <span"+(this.adNum==i?' class="selected"':"")+"> <a onclick=\"recordBlogHotPv(this, '要闻区','"+this.Data[i][3]+"');\" href=\""+this.Data[i][2]+"\" target=\"_blank\"> <img src=\""+this.Data[i][1]+"\" onmouseover=\"FocusPic.childs["+this.ID+"].select("+i+")\" alt=\""+this.Data[i][3]+"\" /> </a> </span>"};this.$(SmallPicsID).innerHTML=temp}};this.TimeOutBegin()};this.$=function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}}; 
var FocusPic_01 = new FocusPic("BigPic","SmallPics","TitleBox"); <%
IDataReader dr = ......读取数据
while(dr.Read())
{
    Response.Write ("FocusPic_01.Add('" + dr["图片地址"].ToString() + "','" + dr["图片地址"].ToString() + "',\"#\",\"" + dr["图片说明"].ToString() + "\");
}
%>类似与这样

Answer 1

FocusPic_01.Add('images/upload_imgs/focus_img_1.jpg','images/upload_imgs/focus_img_1.jpg',"#","山东沂源：万池蒜苗遍地金");
FocusPic_01.Add('images/upload_imgs/focus_img_2.jpg','images/upload_imgs/focus_img_2.jpg',"#","农业部举办解放思想大讨论研讨交流会");
FocusPic_01.Add('images/upload_imgs/focus_img_3.jpg','images/upload_imgs/focus_img_3.jpg',"#","孙政才会见塞拉利昂农业、粮食安全和林业部长");
FocusPic_01.Add('images/upload_imgs/focus_img_4.jpg','images/upload_imgs/focus_img_4.jpg', "#","牛盾副部长在2008一村一品国际研讨会上指出 发展一村一品共建和谐美好新农村");
; 
把这段换成你从数据库中读取出来的数据就可以了。