动态转换图片

来源：互联网发布：iosapp跳转到淘宝客编辑：程序博客网时间：2024/05/01 13:50

<%@ Page language="c#" Codebehind="定时切换图片.aspx.cs" AutoEventWireup="false" Inherits="bsTest2005_8_16.Samples.定时切换图片" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
  <title>WebForm1</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript">
  var i=0;
  var time = 1500;//定义时间间隔，单位毫秒
  function displayIMG()
  {
   document.all["Img1"].src = imagePaths[i];

   i+=1;
   if(i>=imageCount) i=0;

   window.setTimeout("displayIMG()",time);
  }
  </script>
</HEAD>
<body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
    <IMG id="Img1" style="Z-INDEX: 102; LEFT: 64px; POSITION: absolute; TOP: 16px" alt=""
    src="" runat="server">
  </form>
  <script language="javascript">
  displayIMG();
  </script>
</body>
</HTML>
****************************************************
private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面

            Page.Response.Write(this.CreateJS());
  }

        private string CreateJS()
        {
            #region 模拟这是从数据读出的图片路径
            DataTable dt1 = new DataTable();
            dt1.Columns.Add("id");
            dt1.Columns.Add("ImagePath");
            dt1.Rows.Add(new object[]{"1","../Images/image001.JPG"});
            dt1.Rows.Add(new object[]{"2","../Images/image002.JPG"});
            dt1.Rows.Add(new object[]{"3","../Images/image003.JPG"});
            dt1.Rows.Add(new object[]{"4","../Images/image004.JPG"});
            dt1.AcceptChanges();
            #endregion

            System.Text.StringBuilder sb = new System.Text.StringBuilder();
            sb.Append("<script>");
            sb.Append("var imageCount = "+dt1.Rows.Count.ToString()+";");
            sb.Append("var imagePaths = new Array("+dt1.Rows.Count.ToString()+");");
            for(int i=0;i<dt1.Rows.Count;i++)
                sb.Append("imagePaths["+i.ToString()+"] = '"+dt1.Rows[i]["ImagePath"].ToString()+"';");
            sb.Append("</script>");
            return sb.ToString();
        }