您的位置:首页 > 其它

Flash图片新闻的实现方法及源码下载

2009-05-25 23:39 676 查看

Flash图片新闻的实现方法及源码下载

为了吸引网友的注意,用动态的图片来展示相关的内容是一个很好的办法。有一些人采用JS来显示图片,IE下的效果不错,但是放到Firefox,Opera下却很难看;而Flash则不会出现此种情况,只要你的浏览器能够播放Flash那么任何浏览器下的显示效果基本都是一样的。Flash越来越不得不让我们开始关注了,它不仅可以减少我们的代码量,还能兼容于各种浏览器,不得不让我们惊叹!

OK,看一下此文涉及到的两个Flash动态新闻的效果图:





讲解 (>>>请提前下载Flash源码<<<)http://www.phplamp.org/wp-content/uploads/2008/08/flash_news.rar

一、第一个效果图用到的flash文件为:news.swf,其配置文件为index.html。

需求:此Flash文件需要至少两个相同大小的图片,图片格式不限。

配置:

1,网页中嵌入news.swf文件

嵌入代码

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="240" height="200">

<param name="movie" value="news.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="allowScriptAccess" value="always">

<embed src="/images/ads.swf" width="292" height="206" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowScriptAccess="always"></embed>

</object>

2,配置要显示图片的参数

<param name="allowScriptAccess" value="always">下面添加如下代码:

添加代码

<param name="FlashVars" value="urls=http://demo1|http://demo2|http://demo3&titles=图一|图二|图三&imgs=1.gif|2.gif|3.gif&pw=240&ph=200&umcolor=0xFFFFFF&btnbg=0xFF7E00&txtcolor=0xFFFFFF&txtoutcolor=0×000000">

并将<embed>修改为(添加FlashVar参数):

修改代码

<embed src="/images/ads.swf" width="292" height="206" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowScriptAccess="always" menu="false" FlashVars="urls=http://demo1|http://demo2|http://demo3&titles=图一|图二|图三&imgs=1.gif|2.gif|3.gif&pw=240&ph=200&umcolor=0xFFFFFF&btnbg=0xFF7E00&txtcolor=0xFFFFFF&txtoutcolor=0×000000"></embed>

3,参数解释

urls:每个图片链接的地址,两个地址间用“|”分隔;titles:每个图片显示的标题;imgs:图片地址;pw:图片的宽度;ph:图片的高度;umcolor:按钮字体的颜色;btnbg:按钮的背景颜色;txtcolor:标题字体的颜色;txtoutcolor:标题外边框的颜色;

注意:嵌入代码中width和height要和pw,ph相对应

二,第二个效果图用到的flash文件为:news1.swf,其配置文件为index1.html。

需求:同上

1,嵌入代码:同上 (更改Flash文件)

2,配置要显示图片的参数

<param name="allowScriptAccess" value="always">下面添加如下代码:

添加代码

<param name="FlashVars" value="pics=1.gif|2.gif|3.gif&links=http://demo1|http://demo2|http://demo3&texts=图一|图二|图三&borderwidth=240&borderheight=200&textheight=0&text_align=center&interval_time=2">

并将<embed>修改为(添加FlashVar参数):

修改代码

<embed src="news1.swf" width="240" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowScriptAccess="always" FlashVars="pics=1.gif|2.gif|3.gif&links=http://demo1|http://demo2|http://demo3&texts=图一|图二|图三&borderwidth=240&borderheight=200&textheight=0&text_align=center&interval_time=2"></embed>

3,参数解释
pics:图片地址;links:每个图片链接到的地址;texts:图片的标题;borderwidth:图片的宽度;borderheight:图片的高度;textheight:标题的高度;text_align:标题的对齐方式;interval_time:图片切换的时间,单位:秒。
注意:各参数的对应关系
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: