bcastr3.0 通用图片轮换播放器
可以用于各种新闻系统或者blog系统
- 可以读取xml设置播放列表,自定义xml地址
- 可以将图片地址直接写网页中直接,不需要xml
- 自动适应图片大小
- 循环播放,自定义自动播放时间
- 不限制图片数量
- 自定义尺寸,自动适应任何比例,图片不变形
- 自定义图片题目(可选)
- 浏览过程中下载
- 自定义图片连接(可选)
- 自定界面色彩放案
3.0新增特点:
- 图片自动抗锯齿,效果更佳
- 3种文字位置设定
- 4种图片过渡效果,过渡更自然,
- 可定义是否显示按钮,更适合做广告条
- 可定义是否在心窗后中打开连接
- 自定义尺寸,自动适应任何比例,图片不变形
- 自定义图片题目(可选)
- 浏览过程中下载
- 自定义图片连接(可选)
- 自定界面色彩放案
三种使用方法:
方法一,直接copy下面代码,修改其中的 swf_width,swf_height,files,links,texts 参数
运行代码框
<script type="text/javascript">
var swf_width=220
var swf_height=220
var files='http://www.ruochi.com/product/bcastr/pic/gymnasium.jpg|http://www.ruochi.com/product/bcastr/pic/zd.jpg|http://www.ruochi.com/product/bcastr/pic/adidas.jpg|http://www.ruochi.com/product/bcastr/pic/Maradona.jpg|http://www.ruochi.com/product/bcastr/pic/poster.jpg'
var links='http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com|http://www.ruochi.com'
var texts='安联球场|齐达内|马拉多纳解说世界杯|Adidas的世界杯用球|世界杯海报'
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
document.write('<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
方法二,直接嵌入地址
运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">
<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4">
<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=aaa.jpg|bbb.jpg|ccc.swf&bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com&bcastr_title=百度|NBA|Ruochi.com" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>
</object>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
其中:
bcastr_file=aaa.jpg|bbb.jpg|ccc.swf 是图片地址,用"|"符号分开
bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com 是图片对应连接地址,用"|"符号分开
bcastr_title=百度|NBA|Ruochi.com 是图片对应标题,用"|"符号分开
注意其中的&连接符
方法三,使用xml地址
运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="200">
<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml">
<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="200"></embed>
</object>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
修改上方2个bcastr_xml_url=http://www.ruochi.com/product/bcastr3/bcastr.xml地址即可
xml内容:
item_url="pic/Maradona.jpg" 图片地址
link="http://www.google.com" 图片点击后 不填写就不可点击连接
itemtitle="马拉多纳受邀解说世界杯" 图片题目
高级设置:
默认参数字符串 0xffffff:文字颜色|2:文字位置|0xff6600:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0xff6600:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口
颜色都以0x开始16进制数字表示
文字颜色:题目文字的颜色
文字位置:0表示题目文字在顶端,1表示文字在底部,2表示文字在顶端
文字背景透明度:0-100值,0表示全部透明
按键文字颜色:按键数字颜色
按键默认颜色:按键默认的颜色
按键当前颜色:当前图片按键颜色
自动播放时间:单位是秒
图片过渡效果:0,表示亮度过渡,1表示透明度过渡,2表示模糊过渡,3表示运动模糊过渡
是否显示按钮:0,表示隐藏按键部分,更适合做广告挑轮换
打开窗口:_blank表示新窗口打开。_self表示在当前窗口打开
运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">
<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字颜色|1:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口">
<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=Title 1|Title 2|Title 3|Title 4&bcastr_config=0xffffff:文字颜色|1:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口" width="400" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>
</object>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="80">
<param name="movie" value="http://www.ruochi.com/product/bcastr3/bcastr3.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="FlashVars" value="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字颜色|2:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|0:是否显示按钮|_blank:打开窗口">
<embed src="http://www.ruochi.com/product/bcastr3/bcastr3.swf" FlashVars="bcastr_file=http://www.ruochi.com/product/bcastr3/pic/a1.jpg|http://www.ruochi.com/product/bcastr3/pic/a2.jpg|http://www.ruochi.com/product/bcastr3/pic/a3.jpg|http://www.ruochi.com/product/bcastr3/pic/a4.jpg&bcastr_link=http://www.google.com|http://www.baidu.com|http://www.google.com|http://www.baidu.com&bcastr_title=&bcastr_config=0xffffff:文字颜色|2:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|0:是否显示按钮|_blank:打开窗口" width="400" height="80" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>
</object>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
注意:图和bcastr3.swf必须在同一个域名下
源文件打包下载:bcastr3.zip