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">
<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">
<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();
}
<%@ 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">
<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">
<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();
}
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货