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

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

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

   

  讲解 (>>>请提前下载Flash源码<<<  -- 注:phpLamp博客站这个位置下载)

  一、第一个效果图用到的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:图片切换的时间,单位:秒。

注意:各参数的对应关系

来自:http://bbs.phpchina.com/viewthread.php?tid=74706

加支付宝好友偷能量挖...


评论(0)网络
阅读(98)喜欢(0)flash/flex/fcs/AIR