2007年1月21日星期日

blogger 3.0:添加Bcastr3.0 flash通用图片播放器

感谢原作者ruochi,此flash扩展效果如下:





官方解说是:可以用于各种新闻系统或者blog系统

* 可以读取xml设置播放列表,自定义xml地址
* 可以将图片地址直接写网页中直接,不需要xml
* 自动适应图片大小
* 循环播放,自定义自动播放时间
* 不限制图片数量
* 自定义尺寸,自动适应任何比例,图片不变形
* 自定义图片题目(可选)
* 浏览过程中下载
* 自定义图片连接(可选)
* 自定界面色彩放案

3.0新增特点:

* 图片自动抗锯齿,效果更佳
* 3种文字位置设定
* 4种图片过渡效果,过渡更自然,
* 可定义是否显示按钮,更适合做广告条
* 可定义是否在心窗后中打开连接
* 自定义尺寸,自动适应任何比例,图片不变形
* 自定义图片题目(可选)
* 浏览过程中下载
* 自定义图片连接(可选)
* 自定界面色彩放案

原作者的三种方法似乎只有xml的方法可以运用于blogger而不出错。这里就讲解xml的方法:
要给博客添加的代码如下:只需要添加到任意html/js 页面元素 里即可。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="200" wmode="transparent">
<param value="http://gggpie.googlepages.com/bcastr3.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="bcastr_xml_url=http://gggpie.googlepages.com/bcastr.xml&bcastr_config=0xffffff|2|0x0066ff|60|0xffffff|0x0066ff|0x000033|2|2|1|_blank" name="FlashVars"/><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="200" src="http://gggpie.googlepages.com/bcastr3.swf" flashvars="bcastr_xml_url=http://gggpie.googlepages.com/bcastr.xml&bcastr_config=0xffffff|2|0x0066ff|60|0xffffff|0x0066ff|0x000033|2|2|1|_blank" height="200" type="application/x-shockwave-flash" wmode="transparent"></embed></object>


http://gggpie.googlepages.com/bcastr.xml 链接改成你存储xml文件的网站链接,如google pages。
http://gggpie.googlepages.com/bcastr3.swf 这个swf文件你也可以下载并存储到你自己的网站。
width="100" 100可以改成你想要的宽度。
height="200" 200改成你想要的高度。

上面代码的高级设置方法如下:
修改这行代码:
&=&bcastr_config=0xffffff|2|0x0066ff|60|0xffffff|0x0066ff|0x000033|2|2|1|_blank"

默认参数字符串 0xffffff:文字颜色|2:文字位置|0xff66CC:文字背景颜色|70:文字背景透明度|0xffffff:按键文字颜色 |0x0099ff:按键默认颜色|0x000000:按键当前颜色|7:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口

颜色都以0x开始16进制数字表示

文字颜色:题目文字的颜色
文字位置:0表示题目文字在顶端,1表示文字在底部,2表示文字在顶端
文字背景透明度:0-100值,0表示全部透明
按键文字颜色:按键数字颜色
按键默认颜色:按键默认的颜色
按键当前颜色:当前图片按键颜色
自动播放时间:单位是秒
图片过渡效果:0,表示亮度过渡,1表示透明度过渡,2表示模糊过渡,3表示运动模糊过渡
是否显示按钮:0,表示隐藏按键部分,更适合做广告挑轮换
打开窗口:_blank表示新窗口打开。_self表示在当前窗口打开

xml文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<bcaster>
<item item_url="http://gggpie.googlepages.com/Maradona.jpg" link="http://www.google.com" itemtitle="马拉多纳受邀解说世界杯" />
<item item_url="http://gggpie.googlepages.com/gymnasium.jpg" itemtitle="慕尼黑球场" />
<item item_url="http://gggpie.googlepages.com/zd.jpg" link="http://www.google.com" itemtitle="法国国家队队员齐达内" />
<item item_url="http://gggpie.googlepages.com/poster.jpg" link="http://www.google.com" />
<item item_url="http://gggpie.googlepages.com/adidas.jpg" itemtitle="团队之星·柏林" />
</bcaster>

xml内容:
item_url="pic/Maradona.jpg"——图片地址
link="http://www.google.com" ——图片点击后 不填写就不可点击连接
itemtitle="马拉多纳受邀解说世界杯" ——图片题目

注意xml文件要以utf-8格式保存,建议直接下载http://gggpie.googlepages.com/bcastr.xml文件修改。
注意似乎所有相关文件都要保存在你自己的单一google pages或存储空间下,否则似乎调用会出错。

点击这里下载源文件

7 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆