如何实现图片的动态切换(间隔几秒就切换下一张)

1html代码

将这段js代码放在要显示图片的位置,例如:放在了td中:

<td>

<script type="text/javascript">

var focus_width=200

var focus_height=300

var text_height=30

var swf_height = focus_height+text_height

var pics='<%=pics %>'

var links='<%=links %>'

var texts='<%=texts %>'

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');

document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="playswf.swf"><param name=wmode value=transparent><param name="quality" value="high">');

document.write('<param name="menu" value="false"><param name=wmode value="opaque">');

document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');

document.write('<embed src="playswf.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">');

document.write('</object>');

</script>

</td>

2)在.cs中给 全局变量 pics links texts 赋值,例如(供参考):

protected string pics = string.Empty;

protected string links = string.Empty;

protected string texts = string.Empty;

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

//必须是jpg图片才能在flash里播放

string sql = "select top 5 pic,id,title from tb_photo where commend=1 and right(pic,3)='jpg' order by id desc";

DataTable dt = SqlHelper.ExecuteDataTable(CommandType.Text, sql);

for (int i = 0; i < dt.Rows.Count;i++ )

{

pics += "uploadfile/" +dt.Rows[i]["pic"].ToString() + "|";

links += "show.aspx?id=" + dt.Rows[i]["id"].ToString() + "|";

texts += dt.Rows[i]["title"].ToString() + "|";

}

dt.Dispose();

if (pics.Length > 0)//将最后的|去掉

{

pics = pics.Substring(0, pics.Length - 1);

links = links.Substring(0, links.Length - 1);

texts = texts.Substring(0, texts.Length - 1);

}

}

}

(3)这时浏览没有任何效果,缺少playswf.swf文件。拷贝playswf.swf文件到根目录(或其他位置,只要修改链接value="playswf.swf"),再浏览就可以了。没有该文件,就下载一个,大小10kb

更多相关文章

  1. IE6使用innerHTML加入img标签图片不显示
  2. a标签下图片居中
  3. 关于大背景图片随浏览器百分比缩放的问题
  4. HTML实现图片上传前预览
  5. 如果鼠标在图片上,如何在图片上获取文字?
  6. JSP页面图片路径为中文时乱码解决办法
  7. 利用html5 canvas实现纯前端上传图片的裁剪
  8. 在微信中实现HTML页面保存成图片
  9. Js 之将html转为图片html2canvas

随机推荐

  1. C语言怎么输入十个数输出最大值
  2. %lf在c语言中表示什么
  3. c程序编译后生成什么文件
  4. 在C语言中,要求参加运算的数必须是整数的
  5. c语言goto语句用法
  6. c语言中#define的用法
  7. c语言逻辑运算符有哪些
  8. c语言源程序经过编译后,生成文件的后缀是
  9. c语言九九乘法表代码如何写
  10. c语言结构化程序设计的三种基本结构是什