同一广告位多条广告(图片,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列表
  }
 }
}

发布了179 篇原创文章 · 获赞 104 · 访问量 72万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览