利用json实现上期下期的功能

控制器Control

 　　ViewData["ywzjjson"] = Newtonsoft.Json.JsonConvert.SerializeObject( lstSuccess.Take(3));

前台View

 <div id="cgqsl">
                    <div>
                        <a id="downLoadUrl" href="" style="border:0">
                            <img src="images/pic_cgqsl.jpg" id="downImg" width="145" height="115" style="border:0" /></a></div>
                    <div class="download_cgqsl">
                        <img src="images/ico_arrowLeft.gif" id="imgBack" onclick="Back()" />&nbsp;&nbsp;<a id="downLoadUrl1"
                            href="">点击下载</a>&nbsp;&nbsp;<img src="images/ico_arrowRight.gif" id="imgForward" onclick="Forward()" /></div>
                </div>

js段

 var data=eval(<%=ViewData["ywzjjson"].ToString() %>);
        document.getElementById("downImg").src=data[0].ImagePath;
        document.getElementById("downLoadUrl").href=data[0].Path;
        document.getElementById("downLoadUrl1").href=data[0].Path;
        document.getElementById("imgForward").style.display="none";
        var i=0;
        var imgs=new  Array();
        for(var t=0;t<data.length;t++)
        {
            var temp= new Image();
            temp.src=data[t].ImagePath;
            imgs[t]=temp;
        }
   
        function Forward()
        {
           
                i--;
                document.getElementById("downImg").src=imgs[i].src;
                document.getElementById("downLoadUrl").href=data[i].Path;
                document.getElementById("downLoadUrl1").href=data[i].Path;
                        if(i==0)
                {
                    document.getElementById("imgForward").style.display="none";
                }
                else
                {
                     document.getElementById("imgForward").style.display="";
                }
                if(i<data.length-1)
                {
                document.getElementById("imgBack").style.display="";
                    
                }
                else
                {
                    document.getElementById("imgBack").style.display="none";
                }
        }

        function Back()
        {
                i++;
                document.getElementById("downImg").src=imgs[i].src;
                document.getElementById("downLoadUrl").href=data[i].Path;
                document.getElementById("downLoadUrl1").href=data[i].Path;
                if(i==0)
                {
                    document.getElementById("imgForward").style.display="none";
                }
                else
                {
                     document.getElementById("imgForward").style.display="";
                }
                if(i<data.length-1)
                {
                document.getElementById("imgBack").style.display="";
                    
                }
                else
                {
                    document.getElementById("imgBack").style.display="none";
                }
        }