发新话题
打印

[原创文章] 为你的wordpress加上Flash动态新闻图片吧

本主题由 打篮球的手 于 2008-8-13 19:53 设置高亮

为你的wordpress加上Flash动态新闻图片吧

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

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

   

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

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

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

  配置:

1,网页中嵌入news.swf文件
复制内容到剪贴板
代码:
<object classid="clsid27CDB6E-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:图片切换的时间,单位:秒。

注意:各参数的对应关系
附件: 您所在的用户组无法下载或查看附件

TOP

自己占沙发!

TOP

GOOD!~地板
WPT群:2730725
坐地铁上班的人...

TOP

要是有这个flash的插件多好啊,这样要改来改去麻烦
怀念1997年的秋天 这里的天空是灰色的,每天坐着一个怀旧的流浪人BBpress

TOP

努力中,先搞出Flash来,再搞插件!

TOP

有时间弄下。

很不错。
huhihi.com

TOP

OK,没有问题,有时间就弄一下!

TOP

发新话题