[旧版博客]侧栏FLASH图片播放器的使用方法
PS:本文于 2010-09-12 日更新,原文标题为 “本站侧栏FLASH图片播放器的使用方法”,另旧版博客已关闭,图片播放器(Bcastr 4.0)的演示效果和使用方法及下载可以浏览其官方页面:Bcastr 4.0 Beta – flash image silde show 图片轮换播放 (开源 Open Source)。以下是原文,是基于bo-blog程序的:
很多网友浏览到我的blog时经常会问我左侧的FLASH图片幻灯播放时怎么弄的,之前没怎么空,只是给指点了一下这个FLASH播放器的出处,可能有些不熟悉网页的朋友还是不怎么会用,今天就稍微讲一下这个FLASH播放器如何放到侧栏或者其他位置。
效果预览见本站;
FLASH播放器的出处:http://www.ruochi.com/main/post/25.html
最新版本: http://www.ruochi.com/main/2008/03/19/bcastr-40/
里面其实已经讲的比较清楚了,包括3种使用方法。
我这里用的是第3种方法,就是使用XML文件,把图片、链接等信息记录在XML文件中,FLASH播放器加以调用。
不过要注意或者令大家比较失望的是,不管哪种方法,现在只能通过自己手动改代码配置才能更新或者添加图片,所以这个东西用的不是很方便,特别是图片更新比较频繁的,除非你有耐心,要不然干脆就不要用了。当然,最好是有个插件咯,能直接集成到后台进行配置修改。
不过,相较而言,使用独立于调用代码之外的XML文件稍显方便,即使手动改代码也比较容易,如果你有XML可视化编辑器的话(比如xmlspy),那跟有后台配置的感觉也差不多了,当然还是少不了上传更新这一步。
开始之前,把那个插件下过来,在blog根目录下建个目录,比如bcastr,把那个flash文件 bcastr31.swf和xml文件 bcastr.xml 都放在这个目录下
然后看一下XML的代码:
<?xml version="1.0" encoding="utf-8"?> <bcaster> <item item_url="bcastr/p1.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="11"/> <item item_url="bcastr/p2.jpg" link="http://bear.boolo.net/taiziwan-waipai/" itemtitle="22"/> <item item_url="bcastr/p3.jpg" link="http://bear.boolo.net/BeishanRoad-VIVIENNE/" itemtitle="33"/> <item item_url="bcastr/p4.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="44"/> <item item_url="bcastr/p5.jpg" link="http://bear.boolo.net/summer-show-huashu/" itemtitle="55"/> </bcaster>
结构非常简单,每个节点有3个属性:
item_url :为图片地址,相对路径、绝对路径都可以
link : 如果图片有对应的URL要指定,就可以填URL
itemtitle : 就是图片显示的标题信息
你要显示几张就写几条,注意XML文件的格式,不要漏掉某个尖括号或斜杠!
xml文件准备好,然后就设置 bo-blog:
以我的blog显示在左侧栏为例:后台-常规管理-模块配置-侧边模块-新增项目
进入编辑页面,其他就不说了,就说栏目内容这项,填入以下内容
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="180" height="270"> <param name="movie" value="bcastr/bcastr31.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="FlashVars" value="bcastr_xml_url=bcastr/bcastr.xml&AutoPlayTime=4&WinOpen=_self"> <embed src="bcastr/bcastr31.swf" FlashVars="bcastr_xml_url=bcastr/bcastr.xml" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="270"></embed> </object>
object 标签里注意几个参数
movie : FLASH文件路径
FlashVars ,这个可以自定义一些样式属性,比如AutoPlayTime是每张图片停留时间(Firefox下好像不起作用),WinOpen是窗口打开类型,具体更多的属性可以见FLASH播放器的官方介绍。
embed 标签里也是两个文件的路径,不要写错就行了;还有就是 width和height,根据你自己的需要定义!
基本上就完成了,还有不清楚的地方可以跟评论询问。
其实今天讲的这个,一般的如果支持XML调用的FLASH图片幻灯插件都可以适用,大家可以去找更好的试试。
当然,能做个xml文件自动生成的配置功能作为插件集成到bo-blog中,那是最好不过的事情!
