动态制作加载flash

数据库flash表中有如下字段

id imgName imgSpeed imgDescription imgUrl

 

 

 

第一步:建立个一般处理文件;获取数据库的数据

   public void ProcessRequest(HttpContext context)
        {
            int errMsg = -1;
            string imgName="";
            string imgUrl="";
            string imgDescription="";
            context.Response.ContentType = "text/plain";
            context.Request.ContentEncoding = System.Text.Encoding.UTF8;
            List<JinRi.Ticket.Entity.FlashInfo> flash = JinRi.Ticket.Logic.FlashLogic.GetList(out errMsg);
            for (int i = 0; i < flash.Count; i++)
            {
                 imgName += flash[i].ImgName + "|";
                 imgUrl += flash[i].ImgUrl + "|";
                 imgDescription += flash[i].ImgDescription + "|";
               // context.Response.Write(flash[i].ImgName+"|"+flash[i].ImgUrl+"|"+flash[i].ImgDescription+"|~");
            }
            context.Response.Write(imgName + '*' + imgUrl + '*' + imgDescription);
        }

第一步:建立个flash.js

 

    var counts;
    var imgArry = new Array();
    var urlArry = new Array();
    var altArry = new Array();
    function getImage(){
        $.ajax({
            type: "POST",
            url: "/Ajax/Flash.ashx",
            success: function(msg){
                var strAll=msg.split('*');
                //大图
                var str=strAll[0];
                str = str.substring(str.length-1,0);
                //在此将/全部替换成/  
                str=str.replace(g,"/");   
                var arry=str.split('|');
                for(var i=1; i<arry.length+1;i++){
                    var img = new Image();
                    img.src =  arry[i-1];
                    imgArry[i]  = img;
                }
                counts = arry.length;
                //链接地址
                var strurl=strAll[1];
                strurl = strurl.substring(strurl.length-1,0);
                var arryurl=strurl.split('|');
                for(var i=1; i<arryurl.length+1;i++){
                    var url = new Array();
                    url.url =arryurl[i-1];
                    urlArry[i]  = url;
                }
                //alt值
                var strAlt=strAll[2];
                strAlt = strAlt.substring(strAlt.length-1,0);
                var arryAlt=strAlt.split('|');
                for(var i=1; i<arryAlt.length+1;i++){
                    var altt = new Image();
                    altt.alt = arryAlt[i-1];
                    altArry[i]  = altt;
                }
                ImageSet();
             }
        });
    }
    
     var nn = 1;
     var key = 0;
     function change_img() {
         if (key == 0) {
             key = 1;
         } else if (document.all) {
             document.getElementById("pic").filters[0].Apply();
             document.getElementById("pic").filters[0].Play(duration = 2);
         }
         document.getElementById("pic").src=imgArry[nn].src;
         document.getElementById("url").href=urlArry[nn].url;
         document.getElementById("pic").alt=altArry[nn].alt;
         if (nn == 1) {
             document.getElementById("url").target = "_blank";
             document.getElementById("url").style.cursor = "pointer";
         } else {
            document.getElementById("url").target = "_blank"
             document.getElementById("url").style.cursor = "pointer"
         }
    
         for ( var i = 1; i <= counts; i++) {
             document.getElementById("xxjdjj" + i).className = 'axx';
         }
         document.getElementById("xxjdjj" + nn).className = 'bxx';
         nn++;
         if (nn > counts) {
             nn = 1;
         }
         tt = setTimeout("change_img()",4000);
     }

     function changeimg(n) {
         nn = n;
         window.clearInterval(tt);
         change_img();
     }
    
     function ImageSet(){
         var strInnerHtml = '<div class="picshow_main">'
         strInnerHtml += '<div><a id="url"><img id="pic" class="imgbig" /></a></div>';
         strInnerHtml += '<div class="picshow_change">';
        for (var i = 0; i < counts; i++) {
             strInnerHtml += '<a href="javascript:changeimg(' + (i + 1)
             + ');" id="xxjdjj' + (i + 1)
             + '" class="axx" target="_self"> <div id="showSmall">'+(i+1)+'</div></a>';
         }
         strInnerHtml += '</div></div>';
         var tdShow = document.getElementById("tdShowFlash");
         tdShow.innerHTML = strInnerHtml;
         change_img();
     }

    //加载时显示图片
     function ImageShow(){
        getImage();
     }

 

 

 页面调用

 

   <td valign="top" id="tdShowFlash" rowspan="3" align="left" style="border: 1px solid #ACDCF0; width: 30%;">

                 <%--<script src="/Application/Login/js/focus_index.js"
                   type="text/javascript" language="javascript"></script>--%>
                        
                     <script language="javascript" type="text/javascript">
                             ImageShow();
                            </script>
                        </td>