ashx处理图片轮播，第一张图显示不出来

Question

使用ashx文件显示轮播图片的效果，想在后台处理图片路径，但第一张图在加载页面时显示不出来，后面的2,3,4,5图片正常，轮播一遍后第一张图就可以正常显示出来：
                <!--<img class=pic_class id=oDIV1 src="ImageScroll_Top/01.jpg" width=960 height=200 />  !-->
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=1"></script>  
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=2"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=3"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=4"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=5"></script>    
用下面就可以：
                <img class=pic_class id=oDIV1 src="ImageScroll_Top/01.jpg" width=960 height=200 /> 
                <!--<script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=1"></script>  !--> 
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=2"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=3"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=4"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=5"></script>  
但却没法使第一张图在后台绑定图片路径
具体代码如下：
<div id=oTransContainer 
            style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px">
               
                <img class=pic_class id=oDIV1 src="ImageScroll_Top/01.jpg" width=960 height=200 /> 
                <!--<script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=1"></script>  !--> 
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=2"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=3"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=4"></script>
                <script type="text/javascript" src="/Tools/ShowImageScroll.ashx?id=5"></script>    
        
        
        
                <script type="text/jscript">var NowFrame = 1;var MaxFrame = 5;var bStart = 0;
                    function fnToggle()
                    {
                        var next = NowFrame + 1;
                        if(next == MaxFrame+1)
                        {
                            NowFrame = MaxFrame;next = 1;
                        }
                        
                        if(bStart == 0)
                        {
                            bStart = 1;setTimeout('fnToggle()', 2000);return;
                        }
                        else
                        {
                            oTransContainer.filters[0].Apply();document.images['oDIV'+next].style.display = "";document.images['oDIV'+NowFrame].style.display = "none";oTransContainer.filters[0].Play(duration=2);
                            if(NowFrame == MaxFrame)
                            {
                                NowFrame = 1;
                            }
                            else
                            {
                                NowFrame++;
                            }
                        }
                        
                        setTimeout('fnToggle()', 6000);
                    }
                    fnToggle();
                </script>                          
  </div>ShowImageScroll.ashx文件代码如下：using System;
using System.Collections;
using System.Data;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;namespace zss.Web.Tools
{
    /// <summary>
    /// $codebehindclassname$ 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class ShowImageScroll : IHttpHandler
    {        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //获得广告位的ID
            string strID=context.Request.Params["id"].ToString();
            if (strID == "1")
            {
                context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV1 src=\"ImageScroll_Top/01.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
            }
            if (strID == "2")
            {
                context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV2 src=\"ImageScroll_Top/02.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
            }
            if (strID == "3")
            {
                context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV3 src=\"ImageScroll_Top/03.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
            }
            if (strID == "4")
            {
                context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV4 src=\"ImageScroll_Top/04.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
            }
            if (strID == "5")
            {
                context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV5 src=\"ImageScroll_Top/05.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
            }            
        }        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

Answer 1

<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV1 src=\"ImageScroll_Top/01.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>
这段先直接放html里看看 显示否 ？难道是display的问题 ？

Answer 2

图片轮播 有很多不错的JQUERY框架找个不错的 只需要在你的页面传送给JS图就好

Answer 3

唉，你自己写的：style=\"DISPLAY: none;\"

Answer 4

你第一次的时候要把你的第一张图片显示出来再播放，还有就是你的ashx中的代码写得。你完全可以不要那样if...if....if...if的写，还有你仔细看：
context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV1 src=\"ImageScroll_Top/01.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");context.Response.Write("document.write('<a href=\"_blank" target=\"_blank\" ><img class=pic_class id=oDIV2 src=\"ImageScroll_Top/02.jpg\" width=960 height=200 style=\"DISPLAY: none;\"></a>');");
这两个差别仅仅在于id和图片名不同，完全可以合并起来写