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:图片切换的时间,单位:秒。
注意:各参数的对应关系
相关文章推荐
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
- jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
- Android自定义“图片+文字”控件四种实现方法之一--------Gallery原理(提供源码下载)
- Android编程实现手绘及保存为图片的方法(附demo源码下载)
- php+ajax实现带进度条的上传图片功能【附demo源码下载】
- JS禁用页面上所有控件的实现方法(附demo源码下载)
- avalon js实现仿google plus图片多张拖动排序附源码下载
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
- Django中实现点击图片链接强制直接下载的方法
- Android程序自动更新功能模块的实现方法【附完整demo源码下载】
- android 获取本地全部图片列表的实现及源码下载(二)
- Android实现下载zip压缩文件并解压的方法(附源码)
- JavaScript实现简单图片滚动附源码下载
- 微信小程序实现动态设置页面标题的方法【附源码下载】
- jQuery实现可以控制图片旋转角度效果(附demo源码下载)
- php实现压缩合并js的方法【附demo源码下载】
- Android开发实现加载网络图片并下载至本地SdCard的方法
- dedecms实现自动打包文章中图片并下载的方法
- Python tkinter实现的图片移动碰撞动画效果【附源码下载】