保定网站建设,网站推广,网站优化服务,保定专业的PHP网站制作机构!

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

发表于:2008年08月13日 13时  作者:dx_andy

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

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

讲解 (>>>请提前下载Flash源码<<<)

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

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

配置:

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

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebas = “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:图片切换的时间,单位:秒。
注意:各参数的对应关系

 订阅“PHPLAMP博客”方便及时获取网站内容

PHPLAMP博客是专注于网站建设,搜索引擎研究,网站推广,网站优化的IT博客。

“Flash图片新闻的实现方法及源码下载” 共有9篇评论

  1. blankyao says:

    不错,收藏了!

  2. 飞鱼 says:

    真不错,不过,用news.swf时,如果图片不会自动调整大小。请问有什么办法解决或者有没有news.swf源文件(fla文件),email给我修改一下,谢谢哦

  3. zhaominghulove says:

    楼主辛苦啦!谢谢!

  4. kingsjava says:

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

  5. tipshal says:

    问题同飞鱼,能否解决一下?我也是想改变news.swf的大小,用.swf–.fla转换软件是源码,很迷惑,修改不成功!

  6. dx_andy says:

    这个swf文件是从网上搜集来的,没有源文件。使用时必需使用相同大小(宽,高)的图片。可以用程序生成一下图片,我一般都是这么使用。

  7. [...] 之前也提到一个Flash图片新闻的实现方法,这里的Flash动态图片切换效果实现跟它一样,只是显示效果更加美观,此例主要用到一个Flash文件,然后您只需要懂得HTML就可以做了,Flash文件(picbox.swf)在文章末源码中有。 [...]

  8. 二维码 says:

    雁过无痕,人过留名,给博主添加人气,哈哈!

发表一下您对本文的意见