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

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

  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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值