注：同一广告位多条广告(图片，flash,视频均可)无刷新循环播放
最近刚做了一个广告管理系统，主要实现对广告的后台管理及前台调用接口，项目告一段落，陆续总结一下里面用到的一些技术要点。今天先把广告的无刷新循环播放搁在这里。
广告的播放原理，是通过调用后台管理系统录入的广告内容，然后显示，所以我通过webservice一个方法实现根据广告id，得到广告代码。
而多条广告的话就需要在显示页面得到该广告位应显示的所有广告ID列表，循环调用显示。
代码如下：
wevservice:
[WebMethod]
public string GetADCode(int ADID)
{
string ADUploadFolder=".\\"+Assistant.GetConfigString("ADUploadFolder")+"\\";
Advertisement.BLL.ADManage.AdContent adcontent=new Advertisement.BLL.ADManage.AdContent();
Advertisement.Model.ADManage.AdContent model=adcontent.GetModel(ADID);
if(model.ContentType=="Img")//图像类型广告
{
string filename=ADUploadFolder+model.ImgURL;
string desc=model.ImgName;
string FileType=model.ImgType;
string LinkURL=model.LinkURL;
Advertisement.BLL.ADManage.AdPlace adplace=new Advertisement.BLL.ADManage.AdPlace();
Advertisement.Model.ADManage.AdPlace modelplace=adplace.GetModel(model.PlaceID);
return Assistant.CreateTag(ADID.ToString(),filename,desc,FileType,LinkURL,modelplace.Width,modelplace.High);
}
else//嵌入代码类型广告
{
return model.ADCode;
}
}
显示页面：
<script language="javascript">
var i=0;
function chang()
{
if('<%= IsOne%>'=='false')
{
var strAdidlist='<%=ADIDList%>';//绑定广告id列表（后台代码得到）
if(strAdidlist!="")
{
var arrlist=strAdidlist.split(",");
//循环得到每个广告id
var adid=arrlist[i];
//webservice
docSubmit =new ActiveXObject("Microsoft.XMLDOM");
docSubmit.async = false;
docSubmit.load("http://192.168.2.60/adweb/ADService.asmx/GetADCode?ADID="+adid);
var s=docSubmit.documentElement.text;
//window.alert(s);
Div_AD.innerHTML=s;
i++;
if(i==arrlist.length)
{
i=0;
}
}
}
}
setInterval(chang,<%= TimeInterval%>);
</script>
-----------
<div id="Div_AD">正在加载...</div>
后台cs:
public string ADIDList="";//广告ADID列表
private void Page_Load(object sender, System.EventArgs e)
{
if(!this.IsPostBack)
{
if((Request["PlaceID"]!=null)&&(Request["PlaceID"].ToString()!=""))
{
string PlaceID=Request.Params["PlaceID"];
GetADIDList(PlaceID); //根据广告位编码得到该广告位的所有广告id列表
}
}
}