005发的:图片轮显
<%@ 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()
{
var clientID = "<% ControlClientID %>";
alert(clientID);
if(i==0)
{
document.all["Img1"].src="../Images/image001.JPG";
i=1;
}
else if(i==1)
{
document.all["Img1"].src="../Images/image002.JPG";
i=2;
}
else if(i==2)
{
document.all["Img1"].src="../Images/image003.JPG";
i=3;
}
else if(i==3)
{
document.all["Img1"].src="../Images/image004.JPG";
i=0;
}
window.setTimeout("displayIMG()",time);
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
&nbsp;<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>
005
我改了一下,下面这个例子就完全符合楼主的要求了~~
<%@ 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">
&nbsp;<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();
        }